127 lines
5.7 KiB
Plaintext
127 lines
5.7 KiB
Plaintext
<view class="page page-flex">
|
|
<navigation-bar title="我的" back="{{false}}" />
|
|
|
|
<scroll-view scroll-y class="scroll-body">
|
|
<!-- 额度提示条 -->
|
|
<view wx:if="{{uploadRemain > 0 && uploadRemain <= 2}}" class="quota-banner" bindtap="onTapMall">
|
|
你的上传额度仅剩 {{uploadRemain}} 次，点击购买额度包 >
|
|
</view>
|
|
|
|
<!-- 个人信息 -->
|
|
<view class="card user-card">
|
|
<view class="avatar">
|
|
<image wx:if="{{userInfo.avatar}}" class="avatar-img" src="{{userInfo.avatar}}" mode="aspectFill" />
|
|
<view wx:else class="icon icon-user avatar-placeholder"></view>
|
|
</view>
|
|
<view class="user-info">
|
|
<view class="user-name">
|
|
<text>{{userInfo.username || '微信用户'}}</text>
|
|
<text wx:if="{{userInfo.sex === 1}}" class="sex-tag">男</text>
|
|
<text wx:elif="{{userInfo.sex === 2}}" class="sex-tag">女</text>
|
|
</view>
|
|
<view class="user-tags">
|
|
<text wx:if="{{userInfo.vip_type !== 1}}" class="tag tag-blue">月度会员</text>
|
|
<text wx:if="{{zodiac}}" class="tag tag-gray">{{zodiac}}</text>
|
|
<text wx:else class="tag tag-gray" bindtap="onEdit">设置生日</text>
|
|
</view>
|
|
</view>
|
|
<view class="edit-link" bindtap="onEdit">编辑资料<view class="icon icon-chevron-right"></view></view>
|
|
</view>
|
|
|
|
<!-- 功能列表 1 -->
|
|
<view class="card menu-card">
|
|
<view class="menu-row hairline" bindtap="onTapMall">
|
|
<view class="icon icon-gauge menu-icon"></view>
|
|
<text class="menu-label">我的额度</text>
|
|
<text class="menu-value">上传额度剩 {{uploadRemain}}</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row hairline" bindtap="onTapOrder">
|
|
<view class="icon icon-doc menu-icon"></view>
|
|
<text class="menu-label">我的订单</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row hairline" bindtap="onTapNotification">
|
|
<view class="icon icon-bell menu-icon"></view>
|
|
<text class="menu-label">通知</text>
|
|
<view wx:if="{{unread > 0}}" class="menu-badge">{{unread > 99 ? '99+' : unread}}</view>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row hairline" bindtap="onTapCollect">
|
|
<view class="icon icon-star menu-icon"></view>
|
|
<text class="menu-label">我的收藏</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row" bindtap="onTapFlow">
|
|
<view class="icon icon-doc menu-icon"></view>
|
|
<text class="menu-label">额度明细</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 功能列表 2 -->
|
|
<view class="card menu-card">
|
|
<view class="menu-row hairline" bindtap="onEdit">
|
|
<view class="icon icon-pencil menu-icon"></view>
|
|
<text class="menu-label">编辑资料</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row hairline" bindtap="onEdit">
|
|
<view class="icon icon-calendar menu-icon"></view>
|
|
<text class="menu-label">设置生日</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row hairline" bindtap="onTapService">
|
|
<view class="icon icon-headphones menu-icon"></view>
|
|
<text class="menu-label">客服与反馈</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
<view class="menu-row" bindtap="onTapAbout">
|
|
<view class="icon icon-info menu-icon"></view>
|
|
<text class="menu-label">关于纸条AI衣橱</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="version">v1.0.0</view>
|
|
</scroll-view>
|
|
|
|
<!-- 编辑资料弹窗 -->
|
|
<view wx:if="{{editVisible}}" class="mask" bindtap="onCloseEdit">
|
|
<view class="sheet" catchtap="noop">
|
|
<view class="sheet-grabber"></view>
|
|
<view class="sheet-title">编辑资料</view>
|
|
|
|
<view class="avatar-wrap">
|
|
<image wx:if="{{editForm.avatar}}" class="avatar-img" src="{{editForm.avatar}}" mode="aspectFill" />
|
|
<view wx:else class="icon icon-user avatar-placeholder"></view>
|
|
<button class="avatar-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar"></button>
|
|
</view>
|
|
<view class="avatar-tip">点击更换头像</view>
|
|
|
|
<view class="form-field">
|
|
<text class="form-label">昵称</text>
|
|
<input class="input" type="nickname" value="{{editForm.username}}" bindinput="onNameInput" maxlength="32" placeholder="请输入昵称" />
|
|
</view>
|
|
<view class="form-field">
|
|
<text class="form-label">性别</text>
|
|
<view class="form-value" bindtap="onSexSelect">
|
|
<text class="{{editForm.sex ? '' : 'placeholder'}}">{{editForm.sex === 1 ? '男' : editForm.sex === 2 ? '女' : '请选择'}}</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
</view>
|
|
<view class="form-field">
|
|
<text class="form-label">生日</text>
|
|
<picker mode="date" value="{{birthDateStr}}" end="{{today}}" bindchange="onBirthChange">
|
|
<view class="form-value">
|
|
<text class="{{birthDateStr ? '' : 'placeholder'}}">{{birthDateStr || '请选择生日'}}</text>
|
|
<view class="icon icon-chevron-right menu-arrow"></view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
|
|
<view class="btn btn-primary sheet-btn {{avatarUploading ? 'btn-disabled' : ''}}" bindtap="onSaveProfile">{{avatarUploading ? '上传中…' : '保存'}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|