113 lines
3.1 KiB
Plaintext
113 lines
3.1 KiB
Plaintext
<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" />
|