UI优化:我的页面和设置页面
1. 我的页面: - 头像可点击修改(支持修改头像和昵称) - 用户ID截短显示 - 创业伙伴标签移到用户名旁边,不再拥挤 - 整体布局更加舒适 2. 设置页面: - 去掉"联系客服" - 去掉"清除缓存" - 去掉"当前版本" - 只保留账号绑定和退出登录
This commit is contained in:
@@ -26,17 +26,29 @@
|
||||
|
||||
<!-- 用户卡片 - 已登录状态 -->
|
||||
<view class="user-card card-gradient" wx:else>
|
||||
<view class="user-header">
|
||||
<view class="avatar">
|
||||
<text class="avatar-text">{{userInfo.nickname[0] || 'U'}}</text>
|
||||
<view class="user-header-row">
|
||||
<!-- 头像可点击修改 -->
|
||||
<view class="avatar-wrapper" bindtap="editProfile">
|
||||
<view class="avatar">
|
||||
<image class="avatar-img" wx:if="{{userInfo.avatar}}" src="{{userInfo.avatar}}" mode="aspectFill"/>
|
||||
<text class="avatar-text" wx:else>{{userInfo.nickname[0] || '微'}}</text>
|
||||
</view>
|
||||
<view class="avatar-edit-hint">
|
||||
<text class="edit-icon">✎</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="user-info">
|
||||
<text class="user-name">{{userInfo.nickname || '用户'}}</text>
|
||||
<text class="user-id">ID: {{userInfo.id}}</text>
|
||||
</view>
|
||||
<view class="user-badge">
|
||||
<text class="badge-icon">⭐</text>
|
||||
<text class="badge-text">创业伙伴</text>
|
||||
|
||||
<!-- 用户信息 -->
|
||||
<view class="user-info-block">
|
||||
<view class="user-name-row">
|
||||
<text class="user-name">{{userInfo.nickname || '微信用户'}}</text>
|
||||
<!-- 创业伙伴标签 -->
|
||||
<view class="user-badge-small">
|
||||
<text class="badge-star">⭐</text>
|
||||
<text class="badge-label">创业伙伴</text>
|
||||
</view>
|
||||
</view>
|
||||
<text class="user-id">ID: {{userIdShort}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user