央视优化

miniProject/pages/editPwd/editPwd.wxml

 <view class="container" style="padding-top: {{navHeight}}px;height:{{windowHeight}}px;">
 <view class="container" style="padding-top: {{navHeight}}px;height:{{windowHeight}}px;">
-    <navbar 
-    page-name="修改密码" 
-    bg-color="#fff" 
-    navbar-color="rgba(0, 0, 0, .85)"
-    nav="back"
-    backIcon="1"
-    bind:onGoBack="onGoBack"
-  />
+    <navbar page-name="修改密码" bg-color="" navbar-color="rgba(0, 0, 0, .85)" nav="back" backIcon="1" bind:onGoBack="onGoBack" />
+    <view class="~backgroundColor">
         <view class="zong-content">
         <view class="zong-content">
             <van-form>
             <van-form>
-    <van-cell-group>
-        <van-field
-            value="{{oldPwd}}"
-            type='password'
-            name="原密码"
-            label="原密码"
-            required
-            placeholder="原密码"
-            bind:change='inputBlur1'
-            />
-            <van-field
-            type='password'
-            value="{{newPwd}}"
-            name="新密码"
-            required
-            label="新密码"
-            placeholder="新密码"
-            bind:change='inputBlur2'
-            />
-            <van-field
-            type='password'
-            value="{{newPwd1}}"
-            name="确认密码"
-            required
-            label="确认密码"
-            placeholder="确认密码"
-            bind:change='inputBlur3'
-            />
+                <van-cell-group class="group">
+                    <van-field class="vanField" value="{{oldPwd}}" type='password' name="原密码" label="原密码" required label-class='label' input-class='input' placeholder="原密码" bind:change='inputBlur1' />
+                    <van-field class="vanField" type='password' value="{{newPwd}}" name="新密码" required label="新密码" label-class='label' input-class='input' placeholder="新密码" bind:change='inputBlur2' />
+                    <van-field class="vanField" border="{{ false }}" type='password' value="{{newPwd1}}" name="确认密码" required label="确认密码" label-class='label' input-class='input' placeholder="确认密码" bind:change='inputBlur3' />
                 </van-cell-group>
                 </van-cell-group>
+                
+            </van-form>
+            
+        </view>
         <text class="tips">密码不小于八位且包含大小写字母、数字、特殊符号</text>
         <text class="tips">密码不小于八位且包含大小写字母、数字、特殊符号</text>
         <view style="margin-top: 20rpx;">
         <view style="margin-top: 20rpx;">
             <view class="btn">
             <view class="btn">
                 <van-button color="#1A77FF" round block type="primary" bindtap="onSubmit">确定 </van-button>
                 <van-button color="#1A77FF" round block type="primary" bindtap="onSubmit">确定 </van-button>
             </view>
             </view>
         </view>
         </view>
-  </van-form>
     </view>
     </view>
 
 
 
 

miniProject/pages/editPwd/editPwd.wxss

 /* pages/editPwd.wxss */
 /* pages/editPwd.wxss */
 .zong-content {
 .zong-content {
+    padding: 10rpx 0;
     width: 100%;
     width: 100%;
-    margin-top: 50rpx;
-    padding: 10rpx 30rpx;
+    height: 324rpx;
+    margin-top: 24rpx;
+    border-radius: 16rpx;
+    background-color: #fff;
 }
 }
-
 .tips {
 .tips {
+    display: block;
+    margin-top: 10rpx;
     color: rgba(0, 0, 0, 0.65);
     color: rgba(0, 0, 0, 0.65);
     font-size: 24rpx;
     font-size: 24rpx;
 }
 }
+.label {
+    color: rgba(0, 0, 0, 0.9) !important;
+    font-size: 28rpx;
+    height: 66rpx;
+    line-height: 66rpx;
+    /* padding: 5px; */
+}
+
+.input {
+    color: rgba(0, 0, 0, 0.7) !important;
+    font-size: 28rpx;
+}
+.vanField .van-field__body{
+    height: 66rpx;
+    line-height: 66rpx;
+}
\ No newline at end of file