|
@@ -1,27 +1,25 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<view class="container_text">
|
|
|
- <image class="banner-img" src="/static/img/login.png" mode="scaleToFill"></image>
|
|
|
- <!-- <view class="title-img"><image class="title-image" src="../../static/img/login-title.png" mode=""></image></view> -->
|
|
|
+ <image class="banner-img" src="/static/img/login-img.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
|
- <!-- <view class="loginTitle"><text>修改密码</text></view> -->
|
|
|
<view class="login_text">
|
|
|
<view class="login_input flex_item">
|
|
|
- <view class="login_img"><image class="phone" src="/static/icon/img03.png"></image></view>
|
|
|
- <view class="login_name"><input class="uni-input" type="text" v-model="phone" focus placeholder="请输入手机" /></view>
|
|
|
+ <view class="login_img"><image src="/static/icon/login-yq.png"></image></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="text" v-model="phone" focus placeholder="请输入手机号" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex_item">
|
|
|
- <view class="login_img"><image src="/static/icon/img04.png"></image></view>
|
|
|
- <view class="login_name"><input class="uni-input" type="password" v-model="password" focus placeholder=" 请输入新的不少于6位的密码" /></view>
|
|
|
+ <view class="login_img"><image src="/static/icon/login-code.png"></image></view>
|
|
|
+ <view class="login_name"><input class="uni-input" type="password" v-model="password" focus placeholder=" 请输入新密码" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex_item">
|
|
|
- <view class="login_img"><image src="/static/icon/img04.png"></image></view>
|
|
|
+ <view class="login_img"><image src="/static/icon/login-code.png"></image></view>
|
|
|
<view class="login_name"><input class="uni-input" type="password" v-model="password2" focus placeholder="请重复输入新密码" /></view>
|
|
|
</view>
|
|
|
<view class="login_input flex">
|
|
|
- <view class="login_img"><image class="codeimg" src="/static/icon/img06.png"></image></view>
|
|
|
+ <view class="login_img"><image class="codeimg" src="/static/icon/login-yz.png"></image></view>
|
|
|
<view class="login_name flex">
|
|
|
- <input class="uni-input width" v-model="code" type="number" focus placeholder="请输入验证码" />
|
|
|
+ <input class="uni-input" v-model="code" type="number" focus placeholder="请输入验证码" />
|
|
|
<view class="code" @click="verification">{{ countDown == 0 ? '发送验证码' : countDown }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -188,20 +186,18 @@ page {
|
|
|
position: relative;
|
|
|
padding: 100rpx 102rpx;
|
|
|
background-color: #ffffff;
|
|
|
- border-top-left-radius: 40rpx;
|
|
|
- border-top-right-radius: 40rpx;
|
|
|
.login_input {
|
|
|
border-bottom: 1px solid #f0f0f0;
|
|
|
margin-bottom: 65rpx;
|
|
|
.login_img image {
|
|
|
height: 36rpx;
|
|
|
width: 30rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
+ // margin-right: 20rpx;
|
|
|
}
|
|
|
.uni-input {
|
|
|
- text-align: left;
|
|
|
- width: 470rpx;
|
|
|
+ // text-align: left;
|
|
|
font-size: 28rpx !important;
|
|
|
+ padding-left: 20rpx;
|
|
|
}
|
|
|
.login_name {
|
|
|
color: #333333;
|
|
@@ -244,15 +240,15 @@ page {
|
|
|
.uni-button-green {
|
|
|
text-align: center;
|
|
|
color: #ffffff;
|
|
|
- background-color: #E6C79D;
|
|
|
+ background-color: #01a6a8;
|
|
|
margin: 40rpx 10rpx;
|
|
|
border-radius: 50rpx;
|
|
|
}
|
|
|
.uni-button-green-plain {
|
|
|
- border: 1px solid #E6C79D;
|
|
|
+ border: 1px solid #01a6a8;
|
|
|
margin: 40rpx 10rpx;
|
|
|
border-radius: 50rpx;
|
|
|
- color: #E6C79D;
|
|
|
+ color: #01a6a8;
|
|
|
background-color: #ffffff;
|
|
|
}
|
|
|
.uni-button {
|
|
@@ -262,7 +258,7 @@ page {
|
|
|
}
|
|
|
|
|
|
.code {
|
|
|
- color: #E6C79D;
|
|
|
+ color: #01a6a8;
|
|
|
font-size: 23rpx;
|
|
|
border-left: 1px solid #eeeeee;
|
|
|
width: 150rpx;
|