84 lines
3.1 KiB
Plaintext

<!-- 未登录 -->
<view wx:if="{{!loggedIn}}" class="not-logged">
<view class="not-logged-inner">
<text class="not-logged-tip">登录后可查看我的信息与参赛记录</text>
<button class="go-login-btn" bindtap="goToLogin">去登录</button>
</view>
</view>
<!-- 已登录 -->
<view wx:else class="mine-page">
<!-- 蓝色头部区域 -->
<view class="header">
<view class="header-bg"></view>
<view class="status-bar"></view>
<view class="nav-bar">
<text class="nav-title">我的</text>
</view>
<!-- 头像 + 手机号 -->
<view class="profile-section">
<view class="avatar-wrap" bindtap="onChooseAvatar">
<image
class="avatar"
src="{{profile.avatar || '/assets/tab_mine.png'}}"
mode="aspectFill"
/>
<view class="camera-icon">
<text class="camera-text">📷</text>
</view>
</view>
<text class="phone-text">{{maskedPhone}}</text>
</view>
</view>
<!-- 内容区 -->
<view class="content">
<!-- 积分 & 证书双卡 -->
<view class="stat-row">
<view class="stat-card" bindtap="goToPoints">
<view class="stat-left">
<text class="stat-num">{{profile.points || 0}}</text>
<text class="stat-label">我的积分</text>
</view>
<image class="stat-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/point.png" mode="aspectFit" />
</view>
<view class="stat-card" bindtap="goToCert">
<view class="stat-left">
<text class="stat-num">{{profile.certificateCount || 0}}</text>
<text class="stat-label">我的证书</text>
</view>
<image class="stat-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/book.png" mode="aspectFit" />
</view>
</view>
<!-- 身份认证条 -->
<view class="auth-bar" bindtap="goToAuth">
<view class="auth-left">
<text class="auth-title">身份认证</text>
<text class="auth-desc">点击进行身份认证</text>
</view>
<view class="auth-badge">
<text class="auth-badge-icon">🛡</text>
<text class="auth-badge-text">{{authStatusText}}</text>
</view>
</view>
<!-- 功能入口 -->
<view class="func-card">
<view class="func-item" bindtap="goToOrders">
<image class="func-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/order.png" mode="aspectFit" />
<text class="func-text">我的订单</text>
</view>
<view class="func-item" bindtap="goToRecords">
<image class="func-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/history.png" mode="aspectFit" />
<text class="func-text">参赛记录</text>
</view>
<view class="func-item" bindtap="goToTeam">
<image class="func-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/team.png" mode="aspectFit" />
<text class="func-text">我的团队</text>
</view>
</view>
</view>
</view>