91 lines
3.1 KiB
Plaintext
91 lines
3.1 KiB
Plaintext
<!--pages/my/my.wxml-->
|
||
<view class="container">
|
||
<!-- 用户信息卡片 -->
|
||
<view class="user-card">
|
||
<view class="user-header">
|
||
<view class="avatar-wrap" bindtap="onChooseAvatar">
|
||
<image class="avatar" src="{{userInfo ? userInfo.avatar : '/images/avatar-default.png'}}" mode="aspectFill"></image>
|
||
<view class="avatar-mask">
|
||
<text class="avatar-tip">📷</text>
|
||
</view>
|
||
</view>
|
||
<view class="user-info">
|
||
<view class="nickname">{{userInfo ? userInfo.nickname : '同学'}}</view>
|
||
<view class="user-desc">东北大学在校生</view>
|
||
</view>
|
||
<view class="edit-btn" bindtap="showEditNicknameDialog">
|
||
<text class="edit-icon">✏️</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 统计数据 -->
|
||
<view class="stats-row">
|
||
<view class="stat-item">
|
||
<view class="stat-value">{{stats.favoriteCourses}}</view>
|
||
<view class="stat-label">收藏课程</view>
|
||
</view>
|
||
<view class="stat-divider"></view>
|
||
<view class="stat-item">
|
||
<view class="stat-value">{{stats.myPosts}}</view>
|
||
<view class="stat-label">发布帖子</view>
|
||
</view>
|
||
<view class="stat-divider"></view>
|
||
<view class="stat-item">
|
||
<view class="stat-value">{{stats.myComments}}</view>
|
||
<view class="stat-label">评论数</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 菜单列表 -->
|
||
<view class="menu-section">
|
||
<view
|
||
class="menu-item"
|
||
wx:for="{{menuList}}"
|
||
wx:key="id"
|
||
data-id="{{item.id}}"
|
||
bindtap="onMenuClick"
|
||
>
|
||
<view class="menu-icon">{{item.icon}}</view>
|
||
<view class="menu-content">
|
||
<view class="menu-title" style="{{item.danger ? 'color: #FF5252;' : ''}}">{{item.title}}</view>
|
||
<view class="menu-desc">{{item.desc}}</view>
|
||
</view>
|
||
<view class="menu-arrow" wx:if="{{item.arrow}}">›</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 关于信息 -->
|
||
<view class="about-section">
|
||
<view class="about-title">关于小程序</view>
|
||
<view class="about-content">
|
||
<view class="about-item">版本号：v2.0.0</view>
|
||
<view class="about-item">开发团队：知芽小筑工作组</view>
|
||
<view class="about-item">主题：知芽小筑，智启未来</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 编辑昵称对话框 -->
|
||
<view class="modal-mask" wx:if="{{showEditDialog}}" bindtap="closeEditDialog">
|
||
<view class="modal-dialog" catchtap="doNothing">
|
||
<view class="modal-header">
|
||
<text class="modal-title">修改昵称</text>
|
||
<view class="modal-close" bindtap="closeEditDialog">✕</view>
|
||
</view>
|
||
<view class="modal-content">
|
||
<input
|
||
class="modal-input"
|
||
placeholder="请输入昵称（最多10个字）"
|
||
value="{{editNickname}}"
|
||
bindinput="onNicknameInput"
|
||
maxlength="10"
|
||
/>
|
||
</view>
|
||
<view class="modal-footer">
|
||
<button class="modal-btn cancel-btn" bindtap="closeEditDialog">取消</button>
|
||
<button class="modal-btn confirm-btn" bindtap="saveNickname">确定</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|