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