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