Initial commit

miniprogram/pages/user/person-info/index.wxml

@@ -0,0 +1,112 @@
+<view class="person-info">
+  <!-- 页面标题 -->
+  <view class="page-header">
+    <view class="header-title">个人信息</view>
+    <view class="header-subtitle">完善您的个人资料</view>
+  </view>
+
+  <!-- 信息设置卡片 -->
+  <view class="info-card">
+    <t-cell-group>
+    <!-- 微信头像设置 -->
+    <t-cell
+      title="微信头像"
+      center="{{true}}"
+      t-class-left="order-group__left"
+    >
+      <view slot="note" class="avatar-container">
+        <button 
+          class="avatar-button" 
+          open-type="chooseAvatar" 
+          bind:chooseavatar="onChooseAvatar"
+        >
+          <t-avatar 
+            image="{{personInfo.avatarUrl || defaultAvatarUrl}}" 
+            class="avatar-display" 
+            mode="aspectFill"
+          />
+          <view class="avatar-mask">
+            <text class="avatar-text">点击更换微信头像</text>
+          </view>
+        </button>
+      </view>
+    </t-cell>
+    
+    <!-- 微信昵称设置 -->
+    <t-cell title="微信昵称" t-class="t-cell-class">
+      <view slot="note" class="nickname-container">
+        <input 
+          class="nickname-input"
+          type="nickname"
+          placeholder="请输入微信昵称"
+          value="{{personInfo.nickName}}"
+          bind:input="onNicknameChange"
+          bind:blur="saveNickname"
+          bind:confirm="saveNickname"
+          maxlength="20"
+        />
+      </view>
+    </t-cell>
+    
+    <!-- 性别设置 -->
+    <t-cell
+      title="性别"
+      t-class="t-cell-class"
+      t-class-left="order-group__left"
+    >
+      <view slot="note" class="gender-radio-container">
+        <radio-group bind:change="onGenderChange">
+          <label class="gender-radio-item">
+            <radio value="1" checked="{{personInfo.gender == 1}}" color="#667eea"/>
+            <text class="gender-text">男</text>
+          </label>
+          <label class="gender-radio-item">
+            <radio value="2" checked="{{personInfo.gender == 2}}" color="#667eea"/>
+            <text class="gender-text">女</text>
+          </label>
+        </radio-group>
+      </view>
+    </t-cell>
+    
+    <!-- 手机号设置 -->
+    <t-cell
+      bordered="{{false}}"
+      title="手机号"
+      t-class="t-cell-class"
+      t-class-left="order-group__left"
+    >
+      <view slot="note" class="phone-input-container">
+        <input
+          class="phone-input"
+          type="number"
+          placeholder="请输入手机号"
+          value="{{displayPhoneNumber}}"
+          bind:input="onPhoneInput"
+          bind:blur="onPhoneBlur"
+          bind:confirm="onPhoneConfirm"
+          bind:focus="onPhoneFocus"
+          maxlength="11"
+        />
+      </view>
+    </t-cell>
+    </t-cell-group>
+  </view>
+
+
+
+  <!-- 保存状态提示 -->
+  <view class="saving-status" wx:if="{{saving}}">
+    <t-loading theme="circular" size="40rpx" />
+    <text class="saving-text">正在保存...</text>
+  </view>
+</view>
+
+<!-- 切换账号按钮 -->
+<view class="person-info__wrapper">
+  <view class="person-info__btn" bind:tap="openUnbindConfirm"> 切换账号登录 </view>
+</view>
+
+
+
+<!-- Toast 提示 -->
+<t-toast id="t-toast" />