bug修改,登录等页面重画

This commit is contained in:
姚亚男
2021-10-28 18:04:54 +08:00
parent 2b14a2cf49
commit 0ca78ec9ee
21 changed files with 613 additions and 153 deletions
-15
View File
@@ -37,11 +37,6 @@ Page({
},
clearrepeatvalOld(){
this.data.valsOld = []
wx.showToast({
title: '禁止复制粘贴请手动输入',
icon: 'none',
duration: 2000
})
this.setData({
oldpassword: ''
})
@@ -49,11 +44,6 @@ Page({
},
clearrepeatval(){
this.data.valsNew = []
wx.showToast({
title: '禁止复制粘贴请手动输入',
icon: 'none',
duration: 2000
})
this.setData({
password: ''
})
@@ -61,11 +51,6 @@ Page({
},
clearrepeatvalVerify(){
this.data.valsVerify = []
wx.showToast({
title: '禁止复制粘贴请手动输入',
icon: 'none',
duration: 2000
})
this.setData({
confirmpassword: ''
})
+9 -9
View File
@@ -1,25 +1,25 @@
<!--pages/meeting/meeting.wxml-->
<view>
<form bindsubmit="formSubmit" class="form-box">
<view class="form-item">
<view class="text-label">旧密码</view>
<view class="text-value text-password">
<view class="item">
<view class="label">旧密码</view>
<view class="value text-password">
<input name="oldpassword" value="{{oldpassword}}" bindinput="handleOldPasswordInput" password="{{showOld}}" placeholder="请输入旧密码" />
<image src="../../assets/images/show.png" class="show" wx:if="{{!showOld}}" bindtap="showPasswordOld"></image>
<image src="../../assets/images/none.png" class="show" wx:if="{{showOld}}" bindtap="showPasswordOld"></image>
</view>
</view>
<view class="form-item">
<view class="text-label">新密码</view>
<view class="text-value text-password">
<view class="item">
<view class="label">新密码</view>
<view class="value text-password">
<input name="password" value="{{password}}" bindinput="handlePasswordInput" password="{{show}}" placeholder="请输入新密码" />
<image src="../../assets/images/show.png" class="show" wx:if="{{!show}}" bindtap="showPassword"></image>
<image src="../../assets/images/none.png" class="show" wx:if="{{show}}" bindtap="showPassword"></image>
</view>
</view>
<view class="form-item">
<view class="text-label">确认新密码</view>
<view class="text-value text-password">
<view class="item">
<view class="label">确认新密码</view>
<view class="value text-password">
<input name="confirmpassword" value="{{confirmpassword}}" bindinput="handleVerifyPasswordInput" password="{{showVerify}}" placeholder="请输入确认新密码" />
<image src="../../assets/images/show.png" class="show" wx:if="{{!showVerify}}" bindtap="showPasswordVerify"></image>
<image src="../../assets/images/none.png" class="show" wx:if="{{showVerify}}" bindtap="showPasswordVerify"></image>
+123 -10
View File
@@ -1,21 +1,134 @@
/* pages/meeting/meeting.wxss */
page {
overflow-x: hidden;
width: 100%;
color: #333;
}
.container-box{
overflow-x: hidden;
}
.form-box{
transform: translateY(20%);
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
background-color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 30px 20px;
}
.text-label {
width: 80px !important;
}
.text-value{
.form-box .item {
position: relative;
display: block !important;
width: 100%;
margin-bottom: 25px;
}
.text-password input{
padding-right: 30px;
.form-box .label{
width: 100%;
color: #A4A4A4;
font-size: 12px;
margin-bottom: 10px;
}
.form-box .value{
width: 100%;
}
.form-box .value input{
width: 100%;
box-sizing: border-box;
background-color: #F2F2F4;
border-radius: 8px;
color: #333;
font-size: 15px;
height: 50px;
padding: 0 90px 0 20px;
}
.form-box .captcha{
color: #069F99;
position: absolute;
right: 10px;
font-size: 13px;
top: 55%;
z-index: 9;
}
.form-box .view-flex{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
}
.form .view-flex .value{
flex: 1;
}
.form-box .captchaImage{
width: 140px;
height: 50px;
flex-shrink: 0;
margin-left: 20px;
}
.form-box .captchaImage image{
width: 100%;
height: 50px;
border-radius: 10px;
}
.form-box .count {
color: #999;
}
.btn-area button{
background-color: #069F99 !important;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.other-way{
color: #A4A4A4;
font-size: 12px;
display: block;
width: 100%;
text-align: center;
margin-top: 70px;
letter-spacing: 1px;
}
.weixin{
margin-top: 30px !important;
width: 55px !important;
height: 55px !important;
background-color: #F2F2F4;
border-radius: 10px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.weixin image{
width: 32px !important;
height: 26px !important;
}
.forget{
color: #999;
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.weixin{
width: 100%;
display: flex;
justify-content: center;
margin-top: 70px;
}
.weixin image{
width: 50px;
height: 50px;
}
.show{
width: 15px;
height: 15px;
position: absolute;
right: 10px;
top: 8px;
top: 58%;
z-index: 9;
}
}