This commit is contained in:
2023-12-25 10:40:41 +08:00
parent 7df58ad6f6
commit b368afe610
27 changed files with 174 additions and 151 deletions

View File

@ -166,7 +166,7 @@
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "white", "navigationBarTextStyle": "white",
"navigationBarTitleText": "", "navigationBarTitleText": "",
"navigationBarBackgroundColor": "#4271B9", "navigationBarBackgroundColor": "#18CBB3",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F8F8F8"
}, },
"uniIdRouter": {}, "uniIdRouter": {},

View File

@ -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 {

View File

@ -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)

View File

@ -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>

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -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;

View File

@ -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>

View File

@ -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;

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -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; //

View File

@ -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;

View File

@ -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;

View File

@ -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> -->

View File

@ -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%;
}
} }

View File

@ -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: '',

View File

@ -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;

View File

@ -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;

View File

@ -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 {

View File

@ -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;

View File

@ -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;

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/logos.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB