wechatShopUni/pages/user/index.wxml

<view class="container">
  <!-- 用户信息卡片 -->
  <view class="user-card">
    <block wx:if="{{isLogin && userInfo}}">
      <image class="user-avatar" src="{{userInfo.avatar}}" mode="aspectFill"></image>
      <view class="user-info">
        <text class="user-name">{{userInfo.nickname}}</text>
        <text class="user-level">{{userInfo.level || '普通会员'}}</text>
      </view>
    </block>
    <block wx:else>
      <image class="user-avatar" src="/static/images/default-avatar.png" mode="aspectFill"></image>
      <view class="user-info" bindtap="checkLoginStatus">
        <text class="user-name">点击登录</text>
      </view>
    </block>
  </view>

  <!-- 收益概览 -->
  <view class="earnings-panel">
    <view class="earnings-header">
      <text>收益概览</text>
      <view class="view-all" bindtap="navigateToIncome">
        <text>查看全部</text>
        <text class="icon-right">></text>
      </view>
    </view>
    <view class="earnings-grid">
      <view class="earnings-item">
        <text class="amount">¥{{earnings.today}}</text>
        <text class="label">今日收益</text>
      </view>
      <view class="earnings-item">
        <text class="amount">¥{{earnings.month}}</text>
        <text class="label">本月收益</text>
      </view>
      <view class="earnings-item">
        <text class="amount">¥{{earnings.total}}</text>
        <text class="label">累计收益</text>
      </view>
    </view>
  </view>

  <!-- 功能菜单 -->
  <view class="menu-group">
    <block wx:if="{{needBind && isLogin}}">
      <view class="menu-item bind-institution" bindtap="bindInstitution">
        <text class="iconfont icon-bind"></text>
        <text class="menu-text">绑定机构</text>
        <text class="icon-right">></text>
      </view>
    </block>
    <view class="menu-item" bindtap="navigateToDistribution">
      <text class="iconfont icon-distribution"></text>
      <text class="menu-text">分销中心</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToOrder">
      <text class="iconfont icon-order"></text>
      <text class="menu-text">推广订单</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToTeam">
      <text class="iconfont icon-team"></text>
      <text class="menu-text">我的团队</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToWithdraw">
      <text class="iconfont icon-withdraw"></text>
      <text class="menu-text">提现管理</text>
      <text class="icon-right">></text>
    </view>
  </view>

  <view class="menu-group">
    <view class="menu-item" bindtap="navigateToBank">
      <text class="iconfont icon-bank"></text>
      <text class="menu-text">收款账户</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToInvite">
      <text class="iconfont icon-invite"></text>
      <text class="menu-text">邀请好友</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToPromotion">
      <text class="iconfont icon-promotion"></text>
      <text class="menu-text">推广海报</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToQrcode">
      <text class="iconfont icon-qrcode"></text>
      <text class="menu-text">推广二维码</text>
      <text class="icon-right">></text>
    </view>
  </view>

  <view class="menu-group">
    <view class="menu-item" bindtap="contactService">
      <text class="iconfont icon-service"></text>
      <text class="menu-text">联系客服</text>
      <text class="icon-right">></text>
    </view>
    <view class="menu-item" bindtap="navigateToSettings">
      <text class="iconfont icon-settings"></text>
      <text class="menu-text">系统设置</text>
      <text class="icon-right">></text>
    </view>
  </view>
</view>