Skip to content

T
tobiras-h5
Commit 5298de45 authored by ly's avatar ly
Browse files
Options

dd

parent 9dcd4e62
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 57 deletions
src/App.vue
View file @ 5298de45
...@@ -26,7 +26,8 @@ export default { ...@@ -26,7 +26,8 @@ export default {
localStorage.setItem('idCard',idCard) localStorage.setItem('idCard',idCard)
localStorage.setItem('mobile',mobile) localStorage.setItem('mobile',mobile)
}else{ }else{
router.push('/') console.log('tiaodenglu')
router.push('/login')
} }
} }
......
src/router/index.js
View file @ 5298de45
import { createRouter, createWebHashHistory } from 'vue-router' import { createRouter, createWebHashHistory } from 'vue-router'
const routes = [ const routes = [
{ {
path: '/', path: '/login',
name: 'Index', name: 'login',
desc: '登录', desc: '登录',
component: () => import('../views/login/index.vue') component: () => import('../views/login/index.vue')
}, },
{ {
path: '/myLoan', path: '/',
name: 'myLoan', name: 'Index',
desc: '我的借款', desc: '我的借款',
component: () => import('../views/myLoan/index.vue') component: () => import('../views/myLoan/index.vue')
}, },
......
src/views/login/index.css
View file @ 5298de45
.login-page { .login-page {
width: 100%; width: 100%;
height: 100vh; height: calc(100vh-120px);
max-height: 1334px; min-height: 1334px;
background: #F7F7F7; background: #F7F7F7;
padding-bottom: 120px;
} }
.login-page .login-main { .login-page .login-main {
margin: 20px; margin: 20px;
...@@ -12,51 +13,50 @@ ...@@ -12,51 +13,50 @@
padding: 10px; padding: 10px;
} }
.login-page .login-main .mian-box .box-id { .login-page .login-main .mian-box .box-id {
height: 92px; height: 112px;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.login-page .login-main .mian-box .box-id .id-img { .login-page .login-main .mian-box .box-id .id-img {
display: inline-block; display: inline-block;
width: 48px; width: 78px;
height: 48px; height: 78px;
background: url('../../assets/img/idcard.png') 0 0 no-repeat; background: url('../../assets/img/idcard.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.login-page .login-main .mian-box .box-id .id-mobile { .login-page .login-main .mian-box .box-id .id-mobile {
display: inline-block; display: inline-block;
width: 48px; width: 78px;
height: 48px; height: 78px;
background: url('../../assets/img/mobile.png') 0 0 no-repeat; background: url('../../assets/img/mobile.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.login-page .login-main .mian-box .box-id .id-send { .login-page .login-main .mian-box .box-id .id-send {
display: inline-block; display: inline-block;
margin-top: 10px; margin-top: 5px;
margin-left: 8px; width: 60px;
width: 32px; height: 68px;
height: 32px;
background: url('../../assets/img/sendcod.png') 0 0 no-repeat; background: url('../../assets/img/sendcod.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.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: 230px; width: 360px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28px; font-size: 36px;
color: #1E1E1E; color: #1E1E1E;
font-style: normal; font-style: normal;
} }
.login-page .login-main .mian-box .box-id input::-webkit-input-placeholder { .login-page .login-main .mian-box .box-id input::-webkit-input-placeholder {
color: #909090; color: #909090;
font-size: 28px; font-size: 34px;
} }
.login-page .login-main .mian-box .box-id .id-sendcode { .login-page .login-main .mian-box .box-id .id-sendcode {
width: 240px; width: 240px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 30px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: right; text-align: right;
...@@ -66,42 +66,43 @@ ...@@ -66,42 +66,43 @@
width: 240px; width: 240px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 30px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: right; text-align: right;
} }
.login-page .login-main .mian-box .box-btn { .login-page .login-main .mian-box .box-btn {
margin-top: 20px; margin-top: 32px;
width: 100%; width: 100%;
height: 52px; height: 78px;
border-radius: 20px; border-radius: 20px;
background: #3E97F3; background: #3E97F3;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 28px; font-size: 38px;
color: #FFFFFF; color: #FFFFFF;
line-height: 50px; line-height: 78px;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
.login-page .login-main .mian-box .box-footer { .login-page .login-main .mian-box .box-footer {
margin-top: 20px; margin-top: 28px;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
.login-page .login-main .mian-box .box-footer .footer-img { .login-page .login-main .mian-box .box-footer .footer-img {
display: inline-block; display: inline-block;
margin-right: 8px; margin-right: 8px;
width: 32px; width: 68px;
height: 32px; height: 68px;
background: url('../../assets/img/point.png') 0 0 no-repeat; background: url('../../assets/img/point.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.login-page .login-main .mian-box .box-footer .footer-text { .login-page .login-main .mian-box .box-footer .footer-text {
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 30px;
color: #212121; color: #212121;
font-style: normal; font-style: normal;
text-align: left;
} }
src/views/login/index.less
View file @ 5298de45
.login-page{ .login-page{
width: 100%; width: 100%;
height: 100vh; height:calc(100vh-120px);
max-height: 1334px; min-height: 1334px;
background: #F7F7F7; background: #F7F7F7;
padding-bottom:120px;
.login-main{ .login-main{
margin:20px; margin:20px;
// height: 120px; // height: 120px;
...@@ -10,50 +11,50 @@ ...@@ -10,50 +11,50 @@
.mian-box{ .mian-box{
padding:10px; padding:10px;
.box-id{ .box-id{
height:92px; height:112px;
display: flex; display: flex;
align-items: center; align-items: center;
.id-img{ .id-img{
display: inline-block; display: inline-block;
width: 48px; width: 78px;
height: 48px; height: 78px;
background: url('../../assets/img/idcard.png') 0 0 no-repeat; background: url('../../assets/img/idcard.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.id-mobile{ .id-mobile{
display: inline-block; display: inline-block;
width: 48px; width: 78px;
height: 48px; height: 78px;
background: url('../../assets/img/mobile.png') 0 0 no-repeat; background: url('../../assets/img/mobile.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.id-send{ .id-send{
display: inline-block; display: inline-block;
margin-top:10px; margin-top:5px;
margin-left: 8px; // margin-left: 8px;
width: 32px; width: 60px;
height: 32px; height: 68px;
background: url('../../assets/img/sendcod.png') 0 0 no-repeat; background: url('../../assets/img/sendcod.png') 0 0 no-repeat;
background-size:100%; background-size:100%;
} }
.id-input{ .id-input{
border: none; border: none;
width:230px; width:360px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 28px; font-size: 36px;
color: #1E1E1E; color: #1E1E1E;
font-style: normal; font-style: normal;
} }
input::-webkit-input-placeholder{ input::-webkit-input-placeholder{
color: #909090; color: #909090;
font-size: 28px; font-size: 34px;
} }
.id-sendcode{ .id-sendcode{
width: 240px; width: 240px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 30px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: right; text-align: right;
...@@ -63,44 +64,45 @@ ...@@ -63,44 +64,45 @@
width: 240px; width: 240px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24px; font-size: 30px;
color: #3877F8; color: #3877F8;
line-height: 28px; line-height: 28px;
text-align: right; text-align: right;
} }
} }
.box-btn{ .box-btn{
margin-top:20px; margin-top:32px;
width: 100%; width: 100%;
height: 52px; height: 78px;
border-radius: 20px; border-radius: 20px;
background: #3E97F3; background: #3E97F3;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 28px; font-size: 38px;
color: #FFFFFF; color: #FFFFFF;
line-height: 50px; line-height: 78px;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
.box-footer{ .box-footer{
margin-top:20px; margin-top:28px;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
.footer-img{ .footer-img{
display: inline-block; display: inline-block;
margin-right: 8px; margin-right: 8px;
width: 32px; width: 68px;
height: 32px; height: 68px;
background: url('../../assets/img/point.png') 0 0 no-repeat; background: url('../../assets/img/point.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.footer-text{ .footer-text{
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 30px;
color: #212121; color: #212121;
font-style: normal; font-style: normal;
text-align: left;
} }
} }
} }
......
src/views/login/index.vue
View file @ 5298de45
...@@ -98,7 +98,7 @@ export default { ...@@ -98,7 +98,7 @@ export default {
const { tsToken }=res.result const { tsToken }=res.result
if(tsToken){ if(tsToken){
localStorage.setItem('token',tsToken) localStorage.setItem('token',tsToken)
router.push('/myLoan') router.push('/')
} }
} }
// 获取验证码倒计时 // 获取验证码倒计时
......
src/views/myLoan/index.css
View file @ 5298de45
...@@ -110,6 +110,15 @@ ...@@ -110,6 +110,15 @@
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
.loan-page .myloan-footer {
margin: 20px auto;
width: 240px;
font-family: PingFangSC, PingFang SC;
font-size: 28px;
line-height: 48px;
color: #278FE9;
text-align: center;
}
.loan-page .popup-btn { .loan-page .popup-btn {
margin: 16px auto 0; margin: 16px auto 0;
width: 260px; width: 260px;
......
src/views/myLoan/index.less
View file @ 5298de45
...@@ -120,6 +120,15 @@ ...@@ -120,6 +120,15 @@
} }
} }
} }
.myloan-footer{
margin:20px auto;
width: 240px;
font-family: PingFangSC, PingFang SC;
font-size: 28px;
line-height: 48px;
color:#278FE9;
text-align: center;
}
.popup-btn{ .popup-btn{
margin: 16px auto 0; margin: 16px auto 0;
width: 260px; width: 260px;
......
src/views/myLoan/index.vue
View file @ 5298de45
...@@ -42,11 +42,14 @@ ...@@ -42,11 +42,14 @@
</div> </div>
<div class="myloan-footer" @click="gophone">
<div >客服热线</div>
<div>4006063123</div>
</div>
<van-popup v-model:show="showCenter" round :style="{ padding: '24px' , fontSize:'16px' }" > <van-popup v-model:show="showCenter" round :style="{ padding: '24px' , fontSize:'16px' }" >
<div>咨询申请已提交，</div> <div>咨询申请已提交，</div>
<div>工作人员会在24小时内电话联系你，</div> <div>工作人员会在24小时内电话联系你，</div>
...@@ -84,6 +87,9 @@ export default { ...@@ -84,6 +87,9 @@ export default {
}) })
console.log(res,'reess') console.log(res,'reess')
} }
const gophone=()=>{
window.location.href = 'tel://4006672319'
}
onMounted(()=>{ onMounted(()=>{
state.titleDes='我的借款' state.titleDes='我的借款'
init() init()
...@@ -94,7 +100,8 @@ export default { ...@@ -94,7 +100,8 @@ export default {
goPopup, goPopup,
showCancel, showCancel,
goBill, goBill,
init init,
gophone
} }
} }
} }
......
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