Initial commit

miniprogram/pages/user/phone-verify/index.wxml

@@ -0,0 +1,65 @@
+<!--pages/user/phone-verify/index.wxml-->
+<view class="phone-verify">
+  <view class="header">
+    <view class="title">绑定手机号</view>
+    <view class="subtitle">绑定手机号后，可以更好地保护您的账户安全</view>
+  </view>
+
+  <view class="form-container">
+    <!-- 手机号输入 -->
+    <view class="input-group">
+      <view class="input-label">手机号</view>
+      <input 
+        class="phone-input" 
+        type="number" 
+        placeholder="请输入手机号" 
+        value="{{phoneNumber}}"
+        bindinput="onPhoneInput"
+        maxlength="11"
+      />
+    </view>
+
+    <!-- 验证码输入 -->
+    <view class="input-group">
+      <view class="input-label">验证码</view>
+      <view class="verify-code-container">
+        <input 
+          class="verify-input" 
+          type="number" 
+          placeholder="请输入验证码" 
+          value="{{verifyCode}}"
+          bindinput="onVerifyCodeInput"
+          maxlength="6"
+        />
+        <button 
+          class="send-code-btn {{canSendCode ? '' : 'disabled'}}" 
+          bindtap="sendVerifyCode"
+          disabled="{{!canSendCode}}"
+        >
+          {{sendCodeText}}
+        </button>
+      </view>
+    </view>
+  </view>
+
+  <!-- 操作按钮 -->
+  <view class="button-container">
+    <button 
+      class="confirm-btn {{canConfirm ? 'active' : ''}}" 
+      bindtap="confirmBind"
+      disabled="{{!canConfirm}}"
+    >
+      确认绑定
+    </button>
+  </view>
+
+  <!-- 提示信息 -->
+  <view class="tips">
+    <view class="tip-item">• 验证码将发送至您的手机</view>
+    <view class="tip-item">• 请确保手机号码正确无误</view>
+    <view class="tip-item">• 如有问题，请联系客服</view>
+  </view>
+</view>
+
+<!-- 加载提示 -->
+<t-loading wx:if="{{loading}}" theme="circular" size="40rpx" text="处理中..." />