64 lines
2.6 KiB
Plaintext
64 lines
2.6 KiB
Plaintext
<view class="profile-overlay" wx:if="{{visible}}" bindtap="onClose">
|
||
<view class="profile-sheet" catchtap="onSheetTap">
|
||
<view class="profile-header">
|
||
<text class="profile-title">个人信息</text>
|
||
<view class="profile-close" bindtap="onClose">
|
||
<t-icon name="close" size="36rpx" color="#999" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="profile-body">
|
||
<view class="profile-item profile-item-avatar" bindtap="onChooseAvatar">
|
||
<text class="profile-label">头像</text>
|
||
<view class="profile-avatar-wrap">
|
||
<image class="profile-avatar" src="{{editData.avatar}}" mode="aspectFill" />
|
||
<t-icon name="chevron-right" size="32rpx" color="#ccc" />
|
||
</view>
|
||
</view>
|
||
|
||
<view class="profile-item">
|
||
<text class="profile-label">姓名</text>
|
||
<input class="profile-input" value="{{editData.name}}" placeholder="请输入姓名" maxlength="20" bindinput="onFieldInput" data-field="name" />
|
||
</view>
|
||
|
||
<view class="profile-item">
|
||
<text class="profile-label">性别</text>
|
||
<view class="profile-sex-wrap">
|
||
<view class="profile-sex-tag {{editData.sex === 'male' ? 'profile-sex-tag-active' : ''}}" bindtap="onSelectSex" data-sex="male">
|
||
<text class="profile-sex-text">男</text>
|
||
</view>
|
||
<view class="profile-sex-tag {{editData.sex === 'female' ? 'profile-sex-tag-active' : ''}}" bindtap="onSelectSex" data-sex="female">
|
||
<text class="profile-sex-text">女</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="profile-item">
|
||
<text class="profile-label">出生日期</text>
|
||
<picker mode="date" value="{{editData.birth}}" start="1930-01-01" end="{{today}}" bindchange="onBirthChange">
|
||
<view class="picker">
|
||
{{editData.birth || '请选择出生日期'}}
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<view class="profile-item">
|
||
<text class="profile-label">所在地区</text>
|
||
<picker mode="region" value="{{[editData.province, editData.city, editData.district]}}" bindchange="onRegionChange">
|
||
<view class="picker">
|
||
{{editData.province || '请选择地区'}}{{editData.city ? '，' + editData.city : ''}}{{editData.district ? '，' + editData.district : ''}}
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
|
||
<view class="profile-item">
|
||
<text class="profile-label">手机号</text>
|
||
<text class="profile-value">{{editData.phone || '未绑定'}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="profile-footer">
|
||
<button class="profile-save-btn" bindtap="onSave">保存</button>
|
||
</view>
|
||
</view>
|
||
</view> |