215 lines
9.6 KiB
Plaintext
215 lines
9.6 KiB
Plaintext
<!--pages/profile/index.wxml-->
|
||
<view class="page tabbar-pad">
|
||
|
||
<!-- 顶部栏 -->
|
||
<view class="topbar">
|
||
<text class="topbar-title">我的</text>
|
||
<view class="topbar-actions">
|
||
<!-- <view class="settings-btn" bindtap="goToSettings">
|
||
<text class="settings-icon">⚙️</text>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 用户卡片：未登录点击登录，已登录点击进入个人资料（合并双态） -->
|
||
<view class="user-card" bindtap="onUserCardTap">
|
||
<!-- 头像区：已登录显示用户头像 + 在线点，未登录仅字母圆 -->
|
||
<view class="avatar-wrap">
|
||
<view class="avatar-ring">
|
||
<image wx:if="{{hasLogin && userInfo && (userInfo.avatarUrl || userInfo.avatar)}}"
|
||
class="avatar-img"
|
||
src="{{userInfo.avatarUrl || userInfo.avatar}}"
|
||
mode="aspectFill"/>
|
||
<view wx:else class="avatar-letter-wrap" style="background:{{avatarBgColor}}">
|
||
<text class="avatar-letter">{{avatarLetter}}</text>
|
||
</view>
|
||
</view>
|
||
<view wx:if="{{hasLogin}}" class="online-dot"></view>
|
||
</view>
|
||
|
||
<!-- 元信息：已登录昵称+标签；未登录登录提示 -->
|
||
<view class="user-meta">
|
||
<block wx:if="{{hasLogin}}">
|
||
<text class="nickname-text">{{nicknameDisplay || '点击设置昵称'}}</text>
|
||
<scroll-view scroll-x class="tags-scroll">
|
||
<view class="tags-row">
|
||
<view class="tag tag-purple" wx:if="{{mbtiType && permMbti}}">
|
||
<text class="tag-text">{{mbtiType}}</text>
|
||
</view>
|
||
<view class="tag tag-sbti" wx:if="{{sbtiType && permSbti}}">
|
||
<text class="tag-text">{{sbtiType}}</text>
|
||
</view>
|
||
<view class="tag tag-blue" wx:if="{{discType && permDisc}}">
|
||
<text class="tag-text">{{discType}}</text>
|
||
</view>
|
||
<view class="tag tag-orange" wx:if="{{pdpType && permPdp}}">
|
||
<text class="tag-text">{{pdpType}}</text>
|
||
</view>
|
||
<view class="tag tag-gray" wx:if="{{showEmptyPersonalityTags}}">
|
||
<text class="tag-text">暂无测试记录</text>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</block>
|
||
<block wx:else>
|
||
<text class="user-name" wx:if="{{loginLoading}}">登录中...</text>
|
||
<text class="user-name" wx:elif="{{loginFailed}}">登录失败，点击重试</text>
|
||
<text class="user-name" wx:else>点击登录</text>
|
||
<text class="user-sub">登录后查看你的测试结果</text>
|
||
</block>
|
||
</view>
|
||
|
||
<text class="chevron">›</text>
|
||
</view>
|
||
|
||
<!-- 数据条：测试数 / 邀请 / 收益 / 可提现（营销数据融入身份，不再独立突兀卡） -->
|
||
<view class="user-stats" wx:if="{{hasLogin}}">
|
||
<view class="user-stat" bindtap="goToHistory">
|
||
<text class="user-stat__v">{{testCount || 0}}</text>
|
||
<text class="user-stat__l">测评记录</text>
|
||
</view>
|
||
<view
|
||
class="user-stat"
|
||
wx:if="{{promoDistributionEnabled && !reviewMode && permDistribution}}"
|
||
bindtap="goToPromo"
|
||
>
|
||
<text class="user-stat__v">{{promoTotalInvite || 0}}</text>
|
||
<text class="user-stat__l">邀请好友</text>
|
||
</view>
|
||
<!-- 第三格：可提现 → 分销中心 -->
|
||
<view
|
||
class="user-stat user-stat--highlight"
|
||
wx:if="{{promoDistributionEnabled && !reviewMode && permDistribution}}"
|
||
bindtap="goToPromo"
|
||
>
|
||
<text class="user-stat__v">¥{{promoWithdrawable || '0.00'}}</text>
|
||
<text class="user-stat__l">可提现 ›</text>
|
||
</view>
|
||
<!-- 第四格：累计 → 提现记录 -->
|
||
<view
|
||
class="user-stat user-stat--sub"
|
||
wx:if="{{promoDistributionEnabled && !reviewMode && permDistribution}}"
|
||
bindtap="goToPromoWithdrawals"
|
||
>
|
||
<text class="user-stat__v user-stat__v--sm">¥{{promoTotalEarned || '0.00'}}</text>
|
||
<text class="user-stat__l">累计 ›</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 我的测评：最新测试横滑 + 功能图标网格（Soul 风：图标网格代替长列表） -->
|
||
<view class="section px-section" wx:if="{{hasLogin}}">
|
||
<view class="sec-head">
|
||
<text class="sec-head__title">我的测评</text>
|
||
<view class="sec-head__link" bindtap="goToHistory">
|
||
<text>全部<text wx:if="{{testCount > 0}}"> · {{testCount}}</text></text>
|
||
<text class="sec-head__chev">›</text>
|
||
</view>
|
||
</view>
|
||
<view class="depth-unified-card">
|
||
<scroll-view wx:if="{{showLatestTestRow}}" scroll-x class="cards-scroll cards-scroll--in-card" enhanced show-scrollbar="{{false}}">
|
||
<view class="cards-row cards-row--in-card">
|
||
<view class="result-card card-purple {{mbtiType ? '' : 'result-card--placeholder'}}" bindtap="viewMBTI" wx:if="{{permMbti}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-purple">
|
||
<text class="card-icon">🧠</text>
|
||
</view>
|
||
<text class="card-label">MBTI性格</text>
|
||
<text class="card-value">{{mbtiType || '未测评'}}</text>
|
||
<text class="card-time">{{mbtiTime || '—'}}</text>
|
||
</view>
|
||
<view class="result-card card-sbti {{sbtiType ? '' : 'result-card--placeholder'}}" bindtap="viewSBTI" wx:if="{{permSbti}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-sbti">
|
||
<text class="card-icon">🎭</text>
|
||
</view>
|
||
<text class="card-label">SBTI</text>
|
||
<text class="card-value">{{sbtiType || '未测评'}}</text>
|
||
<text class="card-time">{{sbtiTime || '—'}}</text>
|
||
</view>
|
||
<view class="result-card card-orange {{pdpType ? '' : 'result-card--placeholder'}}" bindtap="viewPDP" wx:if="{{permPdp}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-orange">
|
||
<text class="card-icon">🦁</text>
|
||
</view>
|
||
<text class="card-label">PDP行为</text>
|
||
<text class="card-value">{{pdpType || '未测评'}}</text>
|
||
<text class="card-time">{{pdpTime || '—'}}</text>
|
||
</view>
|
||
<view class="result-card card-blue {{discType ? '' : 'result-card--placeholder'}}" bindtap="viewDISC" wx:if="{{permDisc}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-blue">
|
||
<text class="card-icon">📊</text>
|
||
</view>
|
||
<text class="card-label">DISC测评</text>
|
||
<text class="card-value">{{discType || '未测评'}}</text>
|
||
<text class="card-time">{{discTime || '—'}}</text>
|
||
</view>
|
||
<view class="result-card card-teal {{(gallupPreview || aiType) ? '' : 'result-card--placeholder'}}" bindtap="viewGallup" wx:if="{{!reviewMode && permFace}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-teal">
|
||
<text class="card-icon">⭐</text>
|
||
</view>
|
||
<text class="card-label">盖洛普优势</text>
|
||
<text class="card-value card-value--small">{{gallupPreview || (aiType ? '见面相报告' : '未测评')}}</text>
|
||
<text class="card-time">{{aiTime || '—'}}</text>
|
||
</view>
|
||
<view class="result-card card-rose {{aiType ? '' : 'result-card--placeholder'}}" bindtap="viewAI" wx:if="{{!reviewMode && permFace}}">
|
||
<view class="card-deco"></view>
|
||
<view class="card-icon-wrap card-icon-rose">
|
||
<text class="card-icon">👁️</text>
|
||
</view>
|
||
<text class="card-label">面相分析</text>
|
||
<text class="card-value">{{aiType || '未测评'}}</text>
|
||
<text class="card-time">{{aiTime || '—'}}</text>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 快捷入口图标网格（Soul 风：2×N 图标 + 短标题） -->
|
||
<view class="section px-section" wx:if="{{hasLogin}}">
|
||
<view class="quick-grid quick-grid--4">
|
||
<view class="quick-grid__item" bindtap="goToTestSelect">
|
||
<view class="quick-grid__ic quick-grid__ic--purple">🧠</view>
|
||
<text class="quick-grid__label">性格测试</text>
|
||
</view>
|
||
<view class="quick-grid__item" bindtap="goToOrders">
|
||
<view class="quick-grid__ic quick-grid__ic--emerald">🧾</view>
|
||
<text class="quick-grid__label">我的订单</text>
|
||
</view>
|
||
<view class="quick-grid__item" bindtap="goToDeepService">
|
||
<view class="quick-grid__ic quick-grid__ic--indigo">💎</view>
|
||
<text class="quick-grid__label">了解自己</text>
|
||
</view>
|
||
<view class="quick-grid__item" bindtap="goToMatchJob">
|
||
<view class="quick-grid__ic quick-grid__ic--blue">💼</view>
|
||
<text class="quick-grid__label">匹配工作</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- Soul 引流：后台「当前推荐」第 1 篇 + 可配区块标题（灰字可点） -->
|
||
<view class="section px-section profile-reco-wrap" wx:if="{{hasLogin && profileRecoShow}}">
|
||
<view
|
||
class="profile-reco-card"
|
||
hover-class="profile-reco-card--press"
|
||
bindtap="onTapProfileReco"
|
||
data-id="{{profileRecoArticle.id}}"
|
||
data-url="{{profileRecoArticle.url}}"
|
||
data-title="{{profileRecoArticle.title}}"
|
||
>
|
||
<text class="profile-reco-label">{{profileRecoSectionLabel}}</text>
|
||
<view class="profile-reco-row">
|
||
<text class="profile-reco-title">{{profileRecoArticle.title}}</text>
|
||
<text class="profile-reco-chev">›</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 分销/提现入口已上移至数据条下方（promo-quick-bar） -->
|
||
|
||
<view class="bottom-safe"></view>
|
||
<custom-tab-bar />
|
||
</view>
|