commission--yt-commit

pages/loginModule/pwdLogin/pwdLogin.js

@@ -10,7 +10,9 @@ Page({
     isAgree: false,           // 用户协议是否勾选
     countdown: 0,             // 剩余秒数
     codeButtonText: '获取验证码',
-    _timer: null
+    _timer: null,
+    defaultType: true,  // 
+    passwordType: true
   },
 
   // 切换到“密码登录”，只清空表单字段

pages/loginModule/pwdLogin/pwdLogin.wxml

@@ -22,14 +22,18 @@
 
       <!-- 手机号输入 -->
       <view class="flex-col self-stretch">
-        <view class="flex-col justify-start relative section">
+        <view class="flex-col justify-start relative section parentstyle ">
+        <view class='centerStyle'>
           <input
             class="flex-col justify-start items-start text-wrapper view input"
             placeholder="请输入手机号"
             maxlength="11"
+            type="number"
             model:value="{{phone}}"
             bindinput="onPhoneInput"
           />
+          <image src='{{defaultType? "": ""}}' class='imageStyle' bindtap='eyeStatus'></image>
+        </view>
         </view>
 
         <!-- 密码 / 验证码 输入 + 获取验证码按钮 -->

pages/loginModule/pwdLogin/pwdLogin.wxss

@@ -69,7 +69,7 @@
 }
 .section_2 {
   margin-right: 4.93rpx;
-  padding: 20.63rpx 16.88rpx 18.75rpx;
+  padding: 12.63rpx 16.88rpx 9.75rpx;
   background-color: #ffffff;
   border-radius: 9.38rpx;
   box-shadow: 0rpx 3.75rpx 7.5rpx #00000040;
@@ -160,4 +160,29 @@
 .checkbox .wx-checkbox-input {
   width: 37.5rpx;
   height: 37.5rpx;
-}
+}
+
+.parentstyle {
+  /* display: flex; */
+  /* align-items: center; */
+  /* border: 1rpx solid #e0e0e0; */
+  border-radius: 10rpx;
+  /* box-shadow: 0 0 5rpx #e0e0e0; */
+  /* margin: 30rpx 38px; */
+  /* padding: 20rpx; */
+}
+
+.parentstyle .imageStyle {
+  width: 41rpx;
+  height: 41rpx;
+  margin-right: 20rpx;
+}
+
+.parentstyle .centerStyle {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 28rpx;
+}
+