app/pages/my/index/index.wxml

<!-- pages/my/index/index.wxml -->
<view class="mycontent" style="background-image: url('/assets/images/user-icon/user-bg.png');">
    <!-- 自定义导航栏 -->
    <view class="custom-navbar"
        style="background-image: url('/assets/images/user-icon/user-bg1.png');padding-top:{{statusBarHeightTop}}">
        <view class="navbar-content" style="padding-top:{{statusBarHeightTop}}">
            <view class="navbar-left">
                <view class="customer-service" bindtap="onCustomerServiceTap">
                    <image src="/assets/images/user-icon/icon_5.png" class="service-icon"></image>
                    <text>客服</text>
                </view>
            </view>
            <view class="navbar-center">
                <text class="navbar-title">我的</text>
            </view>
        </view>
        <!-- 用户信息区域 -->
        <view class="head">
            <view class="user-info-container">
                <view class="user-basic-info">
                    <view class="avatar-section">
                        <image src='{{userInfo.memberphoto?userInfo.memberphoto:(appAssetsUrl+"images/bz1_nor.png")}}'
                            class="user-avatar" bindtap="onAvatarTap"></image>
                    </view>
                    <view class="user-details" wx:if="{{isLogin}}" bindtap="onAvatarTap">
                        <view class="user-name-row">
                            <text class="user-name">{{userInfo.vipname || '--'}}</text>
                            <!-- <image src="{{appAssetsUrl2}}my/vip-crown.png" class="vip-icon" wx:if="{{userInfo.isVip}}"></image> -->
                            <image src="/assets/images/login.png" class="vip-icon" wx:if="{{userInfo.isVip}}"></image>
                            <!-- <view class="gender-icon {{userInfo.gender === 'female' ? 'female' : 'male'}}">
                                    <text>{{userInfo.gender === 'female' ? '♀' : '♂'}}</text>
                                </view> -->
                            <image wx:if="{{userInfo.sex}}" mode="aspectFill"
                                src="{{ userInfo.sex == '010' ? appAssetsUrl2+'wjxy/man.png' : appAssetsUrl2+'wjxy/wumen.png'}}"
                                class="sex" />
                        </view>
                        <view class="user-id-row">
                            <text class="user-id">ID: {{userInfo.id || ''}}</text>
                            <view class="check-in" bindtap="onDailySignTap">
                                <text>签到</text>
                            </view>
                        </view>
                    </view>
                    <view wx:if="{{!isLogin}}" bindtap="toLogin">点击登录</view>
                    <view class="qr-code-section" bindtap="onQRCodeTap" wx:if="{{isLogin}}">
                        <!-- <image src="{{appAssetsUrl2}}my/qrcode-icon.png" class="qr-icon"></image> -->
                        <image src='/assets/images/user-icon/inviteCode.png' class="qr-icon"></image>
                        <view class="qr-text">会员码</view>
                    </view>
                </view>
                <!-- 会员升级提示 -->
                <view class="vip-upgrade-banner" bindtap="onVipUpgradeTap"
                    style="background-image: url('/assets/images/user-icon/vip-upgrade-bg.png');">
                    <view class="vip-banner-left" wx:if="{{userInfo.memberState != 0}}">
                        <image src="/assets/images/user-icon/vip-icon.png" class="upgrade-icon"></image>
                        <text class="upgrade-text">青雲慧 {{userInfo.cardno}}</text>
                    </view>
                    <view class="vip-banner-left" wx:else>
                        <image src="/assets/images/user-icon/vip-icon.png" class="upgrade-icon"></image>
                        <text class="upgrade-text">升级会员立享更多权益</text>
                    </view>
                    <view class="vip-banner-right">
                        <text class="upgrade-btn">{{ userInfo.memberState == 0 ? '开通会员' : '升级会员' }}</text>
                        <text class="iconfont icon-jiantou righticon"></text>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <!-- 主要内容区域 -->
    <view class="main-content">
        <!-- 我的积分 -->
        <view class="points-card">
            <view class="points-left">
                <image src="/assets/images/user-icon/user-brick.png" class="points-icon"></image>
                <view class="points-info" bindtap="onPointsTap">
                    <text class="points-label">我的积分</text>
                    <text class="points-value">{{totalScore || 0}}</text>
                </view>
            </view>
            <view class="points-right" bindtap="onPointsTask">
                <text class="points-action">做任务</text>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
        </view>
        <!-- 我的报名 -->
        <view class="my-registration">
            <view class="section-title">我的报名</view>
            <view class="registration-cards">
                <image src="/assets/images/user-icon/user-job-icon.png" class="card-icon"
                    bindtap="onJobRegistrationTap"></image>
                <image src="/assets/images/user-icon/user-activity-icon.png" class="card-icon"
                    bindtap="onActivityRegistrationTap"></image>
            </view>
        </view>
        <!-- 功能菜单列表 -->
        <view class="menu-list">
            <view class="menu-item" bindtap="onStudentVerificationTap">
                <view class="menu-left">
                    <image src="/assets/images/user-icon/icon_1.png" class="menu-icon"></image>
                    <text class="menu-text">学籍认证</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="onDailySignTap">
                <view class="menu-left">
                    <image src="/assets/images/user-icon/icon_2.png" class="menu-icon"></image>
                    <text class="menu-text">每日签到</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="onMyCollectionTap">
                <view class="menu-left">
                    <image src="/assets/images/user-icon/icon_3.png" class="menu-icon"></image>
                    <text class="menu-text">我的收藏</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="onFAQTap">
                <view class="menu-left">
                    <image src="/assets/images/user-icon/icon_4.png" class="menu-icon"></image>
                    <text class="menu-text">常见问题</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="onMySettingsTap">
                <view class="menu-left">
                    <image src="/assets/images/user-icon/icon_5.png" class="menu-icon"></image>
                    <text class="menu-text">我的设置</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
        </view>
    </view>
</view>