美化了样式2.0

pages/personCenter/resetPwd/resetPwd.wxml

@@ -1,33 +1,63 @@
-<view class="flex-col page">
-  <view class="flex-col section">
-    <view class="self-start font text">{{ phone }}</view>
-    <view class="flex-row justify-between self-stretch group">
-      <input 
-        class="font text_2" 
-        placeholder="验证码" 
-        bindinput="onInput"
-        data-field="verificationCode"
-        value="{{ verificationCode }}"
-        />
-      <view bind:tap="{{ sending ? '' : 'getVerificationCode' }}">
-        <text class="font text_3">{{ sending ? count + 's后重发' : '发送验证码' }}</text>
-      </view>
-    </view>
-    <input 
-      class="text_1 font" 
-      placeholder="密码" 
+<view class="page">
+
+<!-- 表单卡片 -->
+<view class="card section">
+  <!-- 顶部手机号 -->
+  <text class="phone font text">{{ phone }}</text>
+
+  <!-- 验证码行：输入 + 发送 -->
+  <view class="field field-row group">
+    <input
+      class="field-input flex-1 font"
+      placeholder="请输入验证码"
+      placeholder-class="ph"
+      bindinput="onInput"
+      data-field="verificationCode"
+      value="{{ verificationCode }}"
+      type="number"
+      maxlength="6"
+    />
+    <text style="font-size: 22.5rpx;"
+      class="code-btn font text_3 {{ sending ? 'disabled' : '' }}"
+      bindtap="{{ sending ? '' : 'getVerificationCode' }}"
+    >{{ sending ? count + 's后重发' : '发送验证码' }}
+    </text>
+  </view>
+
+  <!-- 新密码 -->
+  <view class="field">
+    <input
+      class="field-input font"
+      placeholder="请输入新密码"
+      placeholder-class="ph"
       bindinput="onInput"
       data-field="password"
       value="{{ password }}"
-      />
-    <view class="self-stretch divider"></view>
-    <input 
-      class="text_8 font text_4" 
-      placeholder="再输入密码" 
+      password="true"
+      maxlength="18"
+    />
+  </view>
+
+  <view class="divider"></view>
+
+  <!-- 再次输入新密码 -->
+  <view class="field mt-16">
+    <input
+      class="field-input font"
+      placeholder="请再次输入新密码"
+      placeholder-class="ph"
       bindinput="onInput"
       data-field="currentPwd"
       value="{{ currentPwd }}"
-      />
+      password="true"
+      maxlength="18"
+    />
   </view>
-  <view class="flex-col justify-start items-center text-wrapper mt-20" bind:tap="resetPwd"><text class="font text_5">重置密码</text></view>
-</view>
+
+  <!-- 提交按钮 -->
+  <view class="btn-primary text-wrapper mt-20" bindtap="resetPwd">
+    <text class="btn-primary-text text_5">重置密码</text>
+  </view>
+</view>
+
+</view>