Skip to content

T
tobiras-h5
Commit 6a334cba authored by ly's avatar ly
Browse files
Options

测试修改样式

parent 69c16940
Show whitespace changes
Inline Side-by-side
Showing with 78 additions and 38 deletions
.env.development
View file @ 6a334cba
NODE_ENV=development NODE_ENV=development
VUE_APP_API=https://bifrost.billionsat.net VUE_APP_API=https://bifrost.billionsat.net
VUE_APP_API_PUBLIC_URL=http://ht.billionsat.net/ VUE_APP_API_PUBLIC_URL=http://192.168.0.118:8080/
VUE_APP_ROUTE=http://ht.billionsat.net/index.html#/ VUE_APP_ROUTE=http://192.168.0.118:8080/index.html#/
src/views/bill/index.css
View file @ 6a334cba
...@@ -16,25 +16,25 @@ ...@@ -16,25 +16,25 @@
background-size: 730px 350px; background-size: 730px 350px;
} }
.bill-page .bill-mians .bill-card .card-main { .bill-page .bill-mians .bill-card .card-main {
padding: 53px 43px; padding: 32px 43px;
} }
.bill-page .bill-mians .bill-card .card-main .main-top { .bill-page .bill-mians .bill-card .card-main .main-top {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32px;
color: #212121;
text-align: left;
font-style: normal;
}
.bill-page .bill-mians .bill-card .card-main .mian-loanNo {
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
line-height: 34px; line-height: 34px;
color: #999999; color: #999999;
text-align: left; text-align: left;
font-style: normal;
}
.bill-page .bill-mians .bill-card .card-main .main-top .top-text {
padding-right: 24px;
font-weight: 500;
font-size: 32px;
color: #212121;
} }
.bill-page .bill-mians .bill-card .card-main .main-s { .bill-page .bill-mians .bill-card .card-main .main-s {
height: 68px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
color: #999999; color: #999999;
line-height: 68px; line-height: 48px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
padding-left: 8px; padding-left: 8px;
} }
.bill-page .bill-mians .bill-card .card-main .main-text { .bill-page .bill-mians .bill-card .card-main .main-text {
padding-top: 28px; padding-top: 18px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
...@@ -63,7 +63,6 @@ ...@@ -63,7 +63,6 @@
line-height: 38px; line-height: 38px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
border-top: 2px dashed #ccc;
} }
.bill-page .bill-mians .bill-card .card-main .main-num { .bill-page .bill-mians .bill-card .card-main .main-num {
padding-top: 18px; padding-top: 18px;
...@@ -71,7 +70,7 @@ ...@@ -71,7 +70,7 @@
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 60px;
color: #2F87FF; color: #2F87FF;
line-height: 70px; line-height: 60px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
......
src/views/bill/index.less
View file @ 6a334cba
...@@ -15,25 +15,26 @@ ...@@ -15,25 +15,26 @@
background: url('../../assets/img/bg-imgs.png') 0 0 no-repeat; background: url('../../assets/img/bg-imgs.png') 0 0 no-repeat;
background-size: 730px 350px; background-size: 730px 350px;
.card-main{ .card-main{
padding: 53px 43px; padding: 32px 43px;
.main-top{ .main-top {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 32px;
color: #212121;
text-align: left;
font-style: normal;
}
.mian-loanNo{
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
line-height: 34px; line-height: 34px;
color: #999999; color: #999999;
text-align: left; text-align: left;
font-style: normal;
.top-text{
padding-right: 24px;
font-weight: 500;
font-size: 32px;
color: #212121;
}
} }
.main-s{ .main-s{
// padding:10px 0;
height: 68px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
...@@ -41,14 +42,13 @@ ...@@ -41,14 +42,13 @@
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
color: #999999; color: #999999;
line-height: 68px; line-height: 48px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
.s-qishu{ .s-qishu{
text-align: right; text-align: right;
padding-left: 10px; padding-left: 10px;
padding-right: 8px; padding-right: 8px;
// border-right: 2px solid #ccc;
} }
.s-time{ .s-time{
padding-left: 8px; padding-left: 8px;
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
} }
.main-text{ .main-text{
padding-top:28px; padding-top:18px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 24px;
...@@ -64,7 +64,6 @@ ...@@ -64,7 +64,6 @@
line-height: 38px; line-height: 38px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
border-top: 2px dashed #ccc;
} }
.main-num{ .main-num{
padding-top:18px; padding-top:18px;
...@@ -72,7 +71,7 @@ ...@@ -72,7 +71,7 @@
font-weight: bold; font-weight: bold;
font-size: 60px; font-size: 60px;
color: #2F87FF; color: #2F87FF;
line-height: 70px; line-height: 60px;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
......
src/views/bill/index.vue
View file @ 6a334cba
...@@ -12,6 +12,9 @@ ...@@ -12,6 +12,9 @@
<div class='card-main'> <div class='card-main'>
<div class='main-top'> <div class='main-top'>
<span class='top-text'>{{billDetails.loanName}}</span> <span class='top-text'>{{billDetails.loanName}}</span>
</div>
<div class='mian-loanNo'>
<span>协议编号:{{billDetails.loanNo}}</span> <span>协议编号:{{billDetails.loanNo}}</span>
</div> </div>
<div class='main-s'> <div class='main-s'>
......
src/views/login/index.css
View file @ 6a334cba
...@@ -42,7 +42,16 @@ ...@@ -42,7 +42,16 @@
} }
.login-page .login-main .mian-box .box-id .id-input { .login-page .login-main .mian-box .box-id .id-input {
border: none; border: none;
width: 360px; width: 380px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 36px;
color: #1E1E1E;
font-style: normal;
}
.login-page .login-main .mian-box .box-id .id-input-s {
border: none;
width: 280px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 36px; font-size: 36px;
......
src/views/login/index.less
View file @ 6a334cba
...@@ -39,7 +39,16 @@ ...@@ -39,7 +39,16 @@
} }
.id-input{ .id-input{
border: none; border: none;
width:360px; width:380px;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 36px;
color: #1E1E1E;
font-style: normal;
}
.id-input-s{
border: none;
width:280px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 36px; font-size: 36px;
......
src/views/login/index.vue
View file @ 6a334cba
...@@ -20,21 +20,22 @@ ...@@ -20,21 +20,22 @@
<input class='id-input' <input class='id-input'
:value="phone" :value="phone"
type="tel"
maxlength="11" maxlength="11"
type="number"
@input="phoneChange($event)" @input="phoneChange($event)"
placeholder="输入手机号" /> placeholder="输入手机号" />
</div> </div>
<div class='box-id'> <div class='box-id'>
<i class='id-send'></i> <i class='id-send'></i>
<input class='id-input' <input class='id-input-s'
placeholder="输入验证码" placeholder="输入验证码"
:value="sendcode" :value="sendcode"
type="number" type="tel"
maxlength="4"
@input="changecode($event)"/> @input="changecode($event)"/>
<div class='id-sendcode' @click='loginSendCode' v-if="canSendCode">获取验证码</div> <div class='id-sendcode' @click='loginSendCode' v-if="canSendCode">获取验证码</div>
<div class='id-sendcodes' v-else>重新获取({{count}}秒)</div> <div class='id-sendcodes' v-else >重新获取({{count}}秒)</div>
</div> </div>
<div class='box-footer'> <div class='box-footer'>
...@@ -50,6 +51,7 @@ ...@@ -50,6 +51,7 @@
<script> <script>
import { onMounted, toRefs, reactive } from "vue"; import { onMounted, toRefs, reactive } from "vue";
import API from "../../api/api"; import API from "../../api/api";
import { showToast } from 'vant'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
export default { export default {
setup(){ setup(){
...@@ -79,6 +81,14 @@ export default { ...@@ -79,6 +81,14 @@ export default {
state.sendcode = e.target.value state.sendcode = e.target.value
} }
const loginSendCode=async()=>{ const loginSendCode=async()=>{
if(state.idCardNumber==''){
showToast('身份证号不能为空')
return false
}
if(state.phone==''){
showToast('手机号不能为空')
return false
}
const res=await API.loginSend({ const res=await API.loginSend({
"mobile":state.phone, "mobile":state.phone,
"orgIp":"" "orgIp":""
...@@ -90,6 +100,18 @@ export default { ...@@ -90,6 +100,18 @@ export default {
} }
const loginbtn=async()=>{ const loginbtn=async()=>{
if(state.idCardNumber==''){
showToast('身份证号不能为空')
return false
}
if(state.phone==''){
showToast('手机号不能为空')
return false
}
if(state.sendcode==''){
showToast('验证码不能为空')
return false
}
const res=await API.logins({ const res=await API.logins({
"mobile":state.phone, "mobile":state.phone,
"idCard":state.idCardNumber, "idCard":state.idCardNumber,
......
src/views/myLoan/index.less
View file @ 6a334cba
...@@ -7,7 +7,6 @@ ...@@ -7,7 +7,6 @@
.loan-contant{ .loan-contant{
box-sizing: border-box; box-sizing: border-box;
padding-top:10px; padding-top:10px;
.loan-main{ .loan-main{
margin:32px; margin:32px;
width: 690px; width: 690px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment