xingque/pages/mine/mine.wxml

<view class="page-root">
  <view class="bg-layer"></view>

  <scroll-view class="main-scroll" scroll-y="true" enhanced show-scrollbar="{{false}}">
    <view class="main-content">
      <!-- 头部 -->
      <view class="hero">
        <view class="settings-icon" bindtap="goToSetting">
          <image src="{{settingIcon}}" mode="aspectFit" class="icon-dark" />
        </view>
        <view class="user-block">
          <view class="avatar-outside">
            <image class="avatar" src="{{avatarUrl}}" mode="aspectFill" />
          </view>
          <view class="user-text">
            <text class="nickname">{{userNicheng || (showLoginBtn ? '点击登录' : '微信用户')}}</text>
            <text class="uid">UID: {{userUid || '••••••'}}</text>
          </view>
        </view>
        <button wx:if="{{showLoginBtn}}" class="login-btn" bindtap="handleWechatLogin">一键登录</button>
      </view>

      <!-- 我的订单 -->
      <view class="section">
        <view class="title-line gradient-bg">
          <text class="title-text">我的订单</text>
        </view>
        <view class="frosted-box">
          <view class="order-row">
            <view class="order-unit" bindtap="goToOrder" data-type="daifuwu">
              <view class="icon-bg"><image src="{{daifuwuIcon}}" mode="aspectFit" class="icon-dark icon-size" /></view>
              <text class="order-name">待服务</text>
              <view class="badge" wx:if="{{orderCounts.daifuwu > 0}}">{{orderCounts.daifuwu}}</view>
            </view>
            <view class="order-unit" bindtap="goToOrder" data-type="fuwuzhong">
              <view class="icon-bg"><image src="{{fuwuzhongIcon}}" mode="aspectFit" class="icon-dark icon-size" /></view>
              <text class="order-name">服务中</text>
              <view class="badge" wx:if="{{orderCounts.fuwuzhong > 0}}">{{orderCounts.fuwuzhong}}</view>
            </view>
            <view class="order-unit" bindtap="goToOrder" data-type="yiwancheng">
              <view class="icon-bg"><image src="{{yiwanchengIcon}}" mode="aspectFit" class="icon-dark icon-size" /></view>
              <text class="order-name">已完成</text>
              <view class="badge" wx:if="{{orderCounts.yiwancheng > 0}}">{{orderCounts.yiwancheng}}</view>
            </view>
            <view class="order-unit" bindtap="goToOrder" data-type="yituikuan">
              <view class="icon-bg"><image src="{{yituikuanIcon}}" mode="aspectFit" class="icon-dark icon-size" /></view>
              <text class="order-name">已退款</text>
              <view class="badge" wx:if="{{orderCounts.yituikuan > 0}}">{{orderCounts.yituikuan}}</view>
            </view>
          </view>
        </view>
      </view>

      <!-- 更多服务 -->
      <view class="section">
        <view class="title-line gradient-bg">
          <text class="title-text">更多服务</text>
        </view>
        <view class="service-row">
          <view class="service-unit" bindtap="goToKefu">
            <view class="icon-bg"><image src="{{kefuIcon}}" mode="aspectFit" class="icon-color icon-size" /></view>
            <text class="service-name">在线客服</text>
          </view>
          <view class="service-unit" bindtap="goToGuanzhuA">
            <view class="icon-bg"><image src="{{guanzhualongIcon}}" mode="aspectFit" class="icon-color icon-size" /></view>
            <text class="service-name">关注星阙</text>
          </view>
        </view>
      </view>

      <!-- 身份认证（与更多服务同款紧凑布局） -->
      <view class="section">
        <view class="title-line gradient-bg">
          <text class="title-text">身份认证</text>
        </view>
        <view class="service-row auth-service-row">
          <view class="service-unit" bindtap="goToAuth" data-type="dashou">
            <view class="icon-bg icon-bg-sm">
              <image src="{{dashouIcon}}" mode="aspectFit" class="icon-dark icon-size-sm" />
            </view>
            <text class="service-name">接单员</text>
            <text class="auth-tag {{dashouCertified ? 'auth-tag-done' : ''}}">{{dashouCertified ? '已认证' : '去认证'}}</text>
          </view>
          <view class="service-unit" bindtap="goToAuth" data-type="shangjia">
            <view class="icon-bg icon-bg-sm">
              <image src="{{shangjiaIcon}}" mode="aspectFit" class="icon-dark icon-size-sm" />
            </view>
            <text class="service-name">商家</text>
            <text class="auth-tag {{shangjiaCertified ? 'auth-tag-done' : ''}}">{{shangjiaCertified ? '已认证' : '去认证'}}</text>
          </view>
          <view class="service-unit" bindtap="goToStaffJoin">
            <view class="icon-bg icon-bg-sm">
              <image src="{{kefuIcon}}" mode="aspectFit" class="icon-dark icon-size-sm" />
            </view>
            <text class="service-name">商家客服</text>
            <text class="auth-tag {{staffCertified ? 'auth-tag-done' : ''}}">{{staffTag}}</text>
          </view>
        </view>
      </view>

      <!-- 系统功能 -->
      <view class="section section-close">
        <view class="title-line gradient-bg">
          <text class="title-text">系统功能</text>
        </view>
        <view class="clear-row" bindtap="clearCache">
          <view class="icon-bg"><image src="{{qingchuIcon}}" mode="aspectFit" class="icon-dark icon-size" /></view>
          <text class="clear-word">清除缓存</text>
          <image src="{{arrowRightIcon}}" mode="aspectFit" class="arrow-right" />
        </view>
      </view>

      <!-- 底部 -->
      <view class="footer">
        <text class="copyright">© 2026 星阙网络技术</text>
        <text class="divider">|</text>
        <text class="coop" bindtap="goToCustomService">我要做同款</text>
      </view>
    </view>
  </scroll-view>
</view>

<tab-bar />
<global-notification id="global-notification" />