77 lines
3.9 KiB
Plaintext
77 lines
3.9 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">
|
||
<image class="header-bg" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/bg.png" mode="aspectFill" />
|
||
<view class="header-mask"></view>
|
||
<mp-navigation-bar title="我的" background-color="transparent" color="#fff" back="{{false}}"></mp-navigation-bar>
|
||
</view>
|
||
<!-- 头像 + 手机号 -->
|
||
<view class="profile-section">
|
||
<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
|
||
<image class="avatar" src="{{profile.avatar || 'https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/default-avatar.png'}}" mode="aspectFill" />
|
||
<view class="camera-icon">
|
||
<image src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/camera.png" mode="aspectFit" />
|
||
</view>
|
||
</button>
|
||
<text class="phone-text">{{maskedPhone}}</text>
|
||
</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" style="color: #F4D053;">我的证书</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 auth-badge-{{authStatus === 2 ? 'y' : 'n'}}">
|
||
<image class="auth-badge-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/auth-{{authStatus === 2 ? 'y' : 'n'}}.png" mode="aspectFit" />
|
||
<text class="auth-badge-text">{{authStatusText}}</text>
|
||
</view>
|
||
</view>
|
||
<!-- 功能入口：三个独立阴影卡片 -->
|
||
<view class="func-list">
|
||
<view class="func-menu-card" bindtap="goToOrders">
|
||
<image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/order.png" mode="aspectFit" />
|
||
<text class="func-menu-text">我的订单</text>
|
||
<text class="func-menu-arrow">›</text>
|
||
</view>
|
||
<view class="func-menu-card" bindtap="goToRecords">
|
||
<image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/history.png" mode="aspectFit" />
|
||
<text class="func-menu-text">参赛记录</text>
|
||
<text class="func-menu-arrow">›</text>
|
||
</view>
|
||
<view class="func-menu-card" bindtap="goToTeam">
|
||
<image class="func-menu-icon" src="https://yuedong-wechatapplet.oss-cn-shanghai.aliyuncs.com/static/event_miniapp/team.png" mode="aspectFit" />
|
||
<text class="func-menu-text">我的团队</text>
|
||
<text class="func-menu-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
<!-- 退出登录 -->
|
||
<button class="logout-btn" bindtap="onLogout">退出登录</button>
|
||
</view>
|
||
</view> |