修改
This commit is contained in:
parent
7df58ad6f6
commit
b368afe610
@ -166,7 +166,7 @@
|
|||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "white",
|
"navigationBarTextStyle": "white",
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationBarBackgroundColor": "#4271B9",
|
"navigationBarBackgroundColor": "#18CBB3",
|
||||||
"backgroundColor": "#F8F8F8"
|
"backgroundColor": "#F8F8F8"
|
||||||
},
|
},
|
||||||
"uniIdRouter": {},
|
"uniIdRouter": {},
|
||||||
|
|||||||
@ -6,14 +6,14 @@
|
|||||||
|
|
||||||
.finish {
|
.finish {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
line-height: 68rpx;
|
line-height: 68rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 100rpx auto;
|
margin: 100rpx auto;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.centercontent {
|
.centercontent {
|
||||||
|
|||||||
@ -275,7 +275,6 @@
|
|||||||
that.$refs.uToast.show({
|
that.$refs.uToast.show({
|
||||||
title: '修改成功',
|
title: '修改成功',
|
||||||
type: 'success',
|
type: 'success',
|
||||||
duration: '10000',
|
|
||||||
})
|
})
|
||||||
if (that.timer) {
|
if (that.timer) {
|
||||||
clearTimeout(that.timer)
|
clearTimeout(that.timer)
|
||||||
|
|||||||
@ -65,7 +65,7 @@
|
|||||||
<view class="timemask">
|
<view class="timemask">
|
||||||
<view class="tabs">
|
<view class="tabs">
|
||||||
<view class="tab" v-for="(item,index) in timetablist" @tap='timechange(index)'
|
<view class="tab" v-for="(item,index) in timetablist" @tap='timechange(index)'
|
||||||
:style="timeindex == index?'border-bottom: 5rpx solid #4C7BC9;':''">
|
:style="timeindex == index?'border-bottom: 5rpx solid #18CBB3;':''">
|
||||||
{{item.name}}
|
{{item.name}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -244,19 +244,19 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 55rpx;
|
line-height: 55rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
border: 1px solid #4271B9;
|
border: 1px solid #18CBB3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnaccept {
|
.btnaccept {
|
||||||
right: 24rpx;
|
right: 24rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #4271B9;
|
background-color: #18CBB3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnreturn {
|
.btnreturn {
|
||||||
right: 220rpx;
|
right: 220rpx;
|
||||||
color: #4271B9;
|
color: #18CBB3;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -29,7 +29,7 @@
|
|||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
line-height: 68rpx;
|
line-height: 68rpx;
|
||||||
@ -130,11 +130,11 @@
|
|||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
margin: 10rpx auto 0;
|
margin: 10rpx auto 0;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
background-color:#4C7BC9 ;
|
background-color:#18CBB3 ;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
// color: #4C7BC9;
|
// color: #18CBB3;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
border: 1rpx solid #4C7BC9;
|
border: 1rpx solid #18CBB3;
|
||||||
}
|
}
|
||||||
.time {
|
.time {
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: #4C7BC9;
|
color: #18CBB3;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -71,7 +71,7 @@
|
|||||||
width: 25%;
|
width: 25%;
|
||||||
height: 68rpx;
|
height: 68rpx;
|
||||||
line-height: 68rpx;
|
line-height: 68rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
border-radius: 26rpx;
|
border-radius: 26rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="submit" @tap='goOrderdetails(item)' v-if="item.trainingOrderStatus=='WAIT_PAY'"
|
<view class="submit" @tap='goOrderdetails(item)' v-if="item.trainingOrderStatus=='WAIT_PAY'"
|
||||||
style="background-color: #4271B9;">
|
style="background-color: #18CBB3;">
|
||||||
去支付
|
去支付
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
@ -37,7 +37,7 @@
|
|||||||
.buybtn {
|
.buybtn {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -66,7 +66,7 @@
|
|||||||
.buy {
|
.buy {
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -176,7 +176,7 @@
|
|||||||
.buy {
|
.buy {
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -333,12 +333,12 @@
|
|||||||
.submit {
|
.submit {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
height: 58rpx;
|
height: 58rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 58rpx;
|
line-height: 58rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
margin: 90rpx auto;
|
margin: 90rpx auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -37,7 +37,7 @@
|
|||||||
.buybtn {
|
.buybtn {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -66,7 +66,7 @@
|
|||||||
.buy {
|
.buy {
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -176,7 +176,7 @@
|
|||||||
.buy {
|
.buy {
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -330,14 +330,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.leftbtn {
|
.leftbtn {
|
||||||
border: 1px solid #4271B9;
|
border: 1px solid #18CBB3;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
color: #4271B9;
|
color: #18CBB3;
|
||||||
left: 61rpx;
|
left: 61rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightbtn {
|
.rightbtn {
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
right: 61rpx;
|
right: 61rpx;
|
||||||
}
|
}
|
||||||
@ -479,12 +479,12 @@
|
|||||||
.submit {
|
.submit {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
height: 58rpx;
|
height: 58rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 58rpx;
|
line-height: 58rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
margin: 90rpx auto;
|
margin: 90rpx auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -50,7 +50,7 @@
|
|||||||
.obtaincode {
|
.obtaincode {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #4C7BC9;
|
color: #18CBB3;
|
||||||
line-height: 100rpx;
|
line-height: 100rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5%;
|
right: 5%;
|
||||||
@ -63,7 +63,7 @@
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 100rpx;
|
line-height: 100rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
border-radius: 51rpx;
|
border-radius: 51rpx;
|
||||||
font-size: 41rpx;
|
font-size: 41rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|||||||
@ -47,7 +47,7 @@
|
|||||||
password: '',
|
password: '',
|
||||||
newpassword: '',
|
newpassword: '',
|
||||||
getCodeText: '获取验证码', //获取验证码的文字
|
getCodeText: '获取验证码', //获取验证码的文字
|
||||||
getCodeBtnColor: "#4C7BC9", //获取验证码的color
|
getCodeBtnColor: "#18CBB3", //获取验证码的color
|
||||||
timer: null,
|
timer: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -126,7 +126,7 @@
|
|||||||
this.Timer = setInterval(() => {
|
this.Timer = setInterval(() => {
|
||||||
if (holdTime <= 0) {
|
if (holdTime <= 0) {
|
||||||
this.getCodeisWaiting = false;
|
this.getCodeisWaiting = false;
|
||||||
this.getCodeBtnColor = "#4C7BC9";
|
this.getCodeBtnColor = "#18CBB3";
|
||||||
this.getCodeText = "获取验证码"
|
this.getCodeText = "获取验证码"
|
||||||
clearInterval(this.Timer); //清除该函数
|
clearInterval(this.Timer); //清除该函数
|
||||||
return; //返回前面
|
return; //返回前面
|
||||||
|
|||||||
@ -231,7 +231,7 @@
|
|||||||
color: #333333;
|
color: #333333;
|
||||||
margin: 0 0 40rpx 0;
|
margin: 0 0 40rpx 0;
|
||||||
padding-left: 10rpx;
|
padding-left: 10rpx;
|
||||||
border-left: 6rpx solid #4271B9;
|
border-left: 6rpx solid #18CBB3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -270,7 +270,7 @@
|
|||||||
.tapbtn {
|
.tapbtn {
|
||||||
width: 239rpx;
|
width: 239rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #4C7BC9;
|
||||||
border-radius: 35rpx;
|
border-radius: 35rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
|
|||||||
@ -125,7 +125,7 @@
|
|||||||
.buy {
|
.buy {
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -205,7 +205,7 @@
|
|||||||
.buybtn {
|
.buybtn {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="" style="background-color: #F4F5F7;height: 17rpx;width:100%"></view>
|
<view class="" style="background-color: #F4F5F7;height: 17rpx;width:100%"></view>
|
||||||
<u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="tabchange" font-size='34'
|
<u-tabs :list="tablist" :is-scroll="false" :current="tabcurrent" @change="tabchange" font-size='34'
|
||||||
bar-height='7' bar-width='43' inactive-color='#A09F9F' active-color='#4271B9'>
|
bar-height='7' bar-width='43' inactive-color='#A09F9F' active-color='#18CBB3'>
|
||||||
</u-tabs>
|
</u-tabs>
|
||||||
<view class="content" v-if="tabcurrent==0">
|
<view class="content" v-if="tabcurrent==0">
|
||||||
<!-- <view class="" v-html="infoslist.trainingItemContent"></view> -->
|
<!-- <view class="" v-html="infoslist.trainingItemContent"></view> -->
|
||||||
|
|||||||
@ -1,97 +1,116 @@
|
|||||||
.app {
|
.app {
|
||||||
font-family: DengXian;
|
padding: 0;
|
||||||
color: #C3C1C1;
|
height: 100vh;
|
||||||
font-weight: 400;
|
background-image: url(../../static/bg.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
overflow: scroll;
|
||||||
|
|
||||||
.forget {
|
.forget {
|
||||||
position: absolute;
|
color: #18CBB3;
|
||||||
top: 56%;
|
margin-top: 20rpx;
|
||||||
left: 70%;
|
text-align: right;
|
||||||
color: #46ABD7;
|
|
||||||
|
|
||||||
}
|
|
||||||
.switch {
|
|
||||||
text-align: center;
|
|
||||||
height: 100rpx;
|
|
||||||
color: #46ABD7;
|
|
||||||
position: absolute;
|
|
||||||
top: 67%;
|
|
||||||
left: 10%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.loginbtn {
|
.text {
|
||||||
width: 80%;
|
width: 235rpx;
|
||||||
height: 100rpx;
|
height: 30rpx;
|
||||||
text-align: center;
|
font-size: 32rpx;
|
||||||
line-height: 100rpx;
|
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
|
||||||
background: #4C7BC9;
|
font-weight: 500;
|
||||||
border-radius: 51rpx;
|
color: #333333;
|
||||||
font-size: 41rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 60%;
|
top: 22%;
|
||||||
left: 10%;
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.loginphone {
|
image {
|
||||||
background-color: #fff;
|
|
||||||
width: 80%;
|
|
||||||
height: 162rpx;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10%;
|
width: 114rpx;
|
||||||
top: 23%;
|
height: 114rpx;
|
||||||
|
left: 50%;
|
||||||
input {
|
top: 12%;
|
||||||
font-size: 45rpx;
|
transform: translateX(-50%);
|
||||||
color: #000000;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .uni-input-placeholder {
|
.body {
|
||||||
padding-left: 40rpx;
|
width: 100%;
|
||||||
font-size: 41rpx;
|
height: 70%;
|
||||||
|
position: relative;
|
||||||
|
top: 32%;
|
||||||
|
overflow: scroll;
|
||||||
|
background: #F9F9F9;
|
||||||
|
border-radius: 30rpx 0rpx 0rpx 30rpx;
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
.login {
|
||||||
|
top: 31px;
|
||||||
|
width: 36%;
|
||||||
|
height: 49px;
|
||||||
|
font-size: 23px;
|
||||||
|
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #18CBB3;
|
||||||
|
/* background: red; */
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.logins {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
// top: 5%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.border {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 8rpx;
|
||||||
|
background: #18CBB3;
|
||||||
|
border-radius: 4rpx 4rpx 4rpx 4rpx;
|
||||||
|
opacity: 1;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
border: 1rpx solid #18CBB3;
|
||||||
|
top: 65rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
position: relative;
|
||||||
|
width: 83%;
|
||||||
|
/* background: red; */
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
top: 9%;
|
||||||
|
|
||||||
|
::v-deep .u-form-item--left {
|
||||||
|
font-size: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pwd {
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
right: 10%;
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #C3C1C1;
|
color: #18CBB3;
|
||||||
}
|
line-height: 38rpx;
|
||||||
|
|
||||||
.phone {
|
|
||||||
padding-left: 40rpx;
|
|
||||||
height: 100%;
|
|
||||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.logincode {
|
.loginsubmit {
|
||||||
position: absolute;
|
|
||||||
left: 10%;
|
|
||||||
|
|
||||||
.obtaincode {
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 37rpx;
|
width: 83%;
|
||||||
color: #4C7BC9;
|
height: 88rpx;
|
||||||
line-height: 162rpx;
|
line-height: 88rpx;
|
||||||
position: absolute;
|
background: #18CBB3;
|
||||||
left: 65%;
|
/* position: absolute; */
|
||||||
top: 0%;
|
margin: 177rpx auto 40rpx;
|
||||||
}
|
color: #fff;
|
||||||
|
border-radius: 100rpx
|
||||||
::v-deep .u-input__input {
|
|
||||||
padding-left: 20rpx;
|
|
||||||
color: #000000;
|
|
||||||
font-size: 42rpx;
|
|
||||||
font-weight: 400;
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
|
||||||
height: 50rpx;
|
|
||||||
font-size: 52rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #000000;
|
|
||||||
line-height: 44rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 13%;
|
|
||||||
left: 13%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@ -1,27 +1,31 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="app">
|
<view class="app">
|
||||||
<view class="title">
|
<image src="../../static/logos.png" mode=""></image>
|
||||||
账号登录
|
<view class="text">
|
||||||
|
欢迎加入新医路
|
||||||
</view>
|
</view>
|
||||||
<view class="loginphone">
|
<view class="body">
|
||||||
<input class="phone" type="text" placeholder="手机号码" maxlength="11" v-model="phonenumber" />
|
<view class="name">
|
||||||
</view>
|
<u-form :model="form" ref="uForm" label-width="110">
|
||||||
<view class="logincode loginphone" style="top: 40%;">
|
<u-form-item label="手机号码:">
|
||||||
|
<u-input placeholder="请输入手机号码" maxlength="11" v-model="phonenumber" /></u-form-item>
|
||||||
|
<u-form-item label="密码:">
|
||||||
<u-input class='code phone' placeholder="密码" maxlength="10" v-model="password" type="password"
|
<u-input class='code phone' placeholder="密码" maxlength="10" v-model="password" type="password"
|
||||||
:border="true" :password-icon="true" />
|
:password-icon="true" />
|
||||||
</view>
|
</u-form-item>
|
||||||
|
</u-form>
|
||||||
<view class="forget" @tap='forgetpassword'>
|
<view class="forget" @tap='forgetpassword'>
|
||||||
忘记密码
|
忘记密码
|
||||||
</view>
|
</view>
|
||||||
<!-- <u-checkbox-group>
|
</view>
|
||||||
<u-checkbox v-model="checked" shape="circle">记住密码</u-checkbox>
|
<view class="loginsubmit" @tap="pwdlogin">
|
||||||
</u-checkbox-group> -->
|
|
||||||
<view class="loginbtn" @tap='pwdlogin'>
|
|
||||||
登录
|
登录
|
||||||
</view>
|
</view>
|
||||||
<view class="loginbtn" style="top: 70%; color: #969394;background-color: #ffffff;" @tap='goregister'>
|
<view class="loginsubmit" @tap='goregister'
|
||||||
|
style="top: 70%; color: #969394;background-color: #ffffff; margin-top: 10rpx;">
|
||||||
注册
|
注册
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -33,6 +37,7 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
form: {},
|
||||||
checked: false,
|
checked: false,
|
||||||
phonenumber: '',
|
phonenumber: '',
|
||||||
password: '',
|
password: '',
|
||||||
|
|||||||
@ -43,7 +43,7 @@
|
|||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
color: #F4F5F7;
|
color: #F4F5F7;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom:0;
|
bottom:0;
|
||||||
left:0;
|
left:0;
|
||||||
@ -150,7 +150,7 @@
|
|||||||
.switch {
|
.switch {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 60rpx;
|
line-height: 60rpx;
|
||||||
color: #46ABD7;
|
color: #18CBB3;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 70%;
|
top: 70%;
|
||||||
}
|
}
|
||||||
@ -160,7 +160,7 @@
|
|||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 100rpx;
|
line-height: 100rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
border-radius: 51rpx;
|
border-radius: 51rpx;
|
||||||
font-size: 41rpx;
|
font-size: 41rpx;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
|
|||||||
@ -30,7 +30,7 @@
|
|||||||
.concent {
|
.concent {
|
||||||
width: 701rpx;
|
width: 701rpx;
|
||||||
height: 550rpx;
|
height: 550rpx;
|
||||||
background: #4C7BC9;
|
background: #18CBB3;
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
margin: 5% auto 20px;
|
margin: 5% auto 20px;
|
||||||
|
|||||||
@ -11,14 +11,14 @@
|
|||||||
|
|
||||||
.btnsuccess {
|
.btnsuccess {
|
||||||
margin: 100rpx auto 0;
|
margin: 100rpx auto 0;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnreturn {
|
.btnreturn {
|
||||||
margin: 25rpx auto 0;
|
margin: 25rpx auto 0;
|
||||||
color: #4271B9;
|
color: #18CBB3;
|
||||||
border: 1px solid #4271B9;
|
border: 1px solid #18CBB3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.top {
|
.top {
|
||||||
|
|||||||
@ -161,7 +161,7 @@
|
|||||||
.btn {
|
.btn {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
margin: 80rpx auto;
|
margin: 80rpx auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -183,7 +183,7 @@
|
|||||||
// 选中|起始结束日期背景色
|
// 选中|起始结束日期背景色
|
||||||
activeBgColor: {
|
activeBgColor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '#4271B9'
|
default: '#18CBB3'
|
||||||
},
|
},
|
||||||
// 选中|起始结束日期字体颜色
|
// 选中|起始结束日期字体颜色
|
||||||
activeColor: {
|
activeColor: {
|
||||||
@ -198,7 +198,7 @@
|
|||||||
// 范围内日期字体颜色
|
// 范围内日期字体颜色
|
||||||
rangeColor: {
|
rangeColor: {
|
||||||
type: String,
|
type: String,
|
||||||
default: '#4271B9'
|
default: '#18CBB3'
|
||||||
},
|
},
|
||||||
// mode=range时生效,起始日期自定义文案
|
// mode=range时生效,起始日期自定义文案
|
||||||
startText: {
|
startText: {
|
||||||
@ -514,7 +514,7 @@
|
|||||||
.btn {
|
.btn {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
@ -604,7 +604,7 @@
|
|||||||
.btn {
|
.btn {
|
||||||
width: 496rpx;
|
width: 496rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
background: #4271B9;
|
background: #18CBB3;
|
||||||
border-radius: 5rpx;
|
border-radius: 5rpx;
|
||||||
margin: 90rpx auto;
|
margin: 90rpx auto;
|
||||||
line-height: 70rpx;
|
line-height: 70rpx;
|
||||||
|
|||||||
BIN
static/bg.png
Normal file
BIN
static/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
static/logos.png
Normal file
BIN
static/logos.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Loading…
Reference in New Issue
Block a user