app/pages/my/index/index.wxml

<!-- pages/my/index/index.wxml -->
<view class="mycontent" style="background-image: url('{{appAssetsUrl3}}user-icon/user-bg.png');">
    <!-- 自定义导航栏 -->
    <view class="custom-navbar" style="background-image: url('{{appAssetsUrl3}}user-icon/user-bg1.png');padding-top:{{statusBarHeightTop}}">
        <view class="navbar-content {{activeTitle ? 'activeTitle' : ''}}" style="padding-top:{{statusBarHeightTop}}">
            <view class="navbar-left">
                <view class="customer-service" bindtap="onCustomerServiceTap">
                    <image src="{{appAssetsUrl3}}user-icon/icon_kefu.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" bindtap="onLogin">
                    <view class="avatar-section">
                        <image src='{{userInfo.memberphoto?userInfo.memberphoto:("/assets/images/logo.jpg")}}' class="user-avatar" bindtap="onAvatarTap"></image>
                    </view>
                    <view class="user-details" wx:if="{{isLogin}}">
                        <view class="user-name-row" bindtap="onAvatarTap">
                            <text class="user-name">{{userInfo.vipname || '--'}}</text>
                            <image class="vip-icon" wx:if="{{userInfo.memberState != 0 &&  userInfo.memberState}}" src="{{appAssetsUrl3}}user-icon/vip-icon3.png"></image>
                            <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">
                                <image src="{{appAssetsUrl3}}user-icon/icon_6.png" class="service-icon"></image>
                                <text>签到</text>
                            </view>
                        </view>
                    </view>
                    <view wx:if="{{!isLogin}}">点击登录</view>
                    <view class="qr-code-section" bindtap="onQRCodeTap" wx:if="{{isLogin}}">
                        <!-- <image src="{{appAssetsUrl2}}my/qrcode-icon.png" class="qr-icon"></image> -->
                        <image src='{{appAssetsUrl3}}user-icon/inviteCode1.png' class="qr-icon"></image>
                        <view class="qr-text">会员码</view>
                    </view>
                </view>
                <!-- 会员升级提示 -->
                <view class="vip-upgrade-banner" bindtap="onVipUpgradeTap" style="background-image: url('{{appAssetsUrl3}}user-icon/vip-upgrade-bg.png');" wx:if="{{!isDev &&  isLogin}}">
                    <view class="vip-banner-left" wx:if="{{userInfo.memberState != 0}}">
                        <image src="{{appAssetsUrl3}}user-icon/vip-icon2.png" class="upgrade-icon"></image>
                        <text class="upgrade-text">青雲慧 {{userInfo.cardno}}</text>
                    </view>
                    <view class="vip-banner-left" wx:else>
                        <image src="{{appAssetsUrl3}}user-icon/vip-icon.png" class="upgrade-icon"></image>
                        <text class="upgrade-text">升级会员立享更多权益</text>
                    </view>
                    <view class="vip-banner-right">
                        <text class="upgrade-btn" wx:if="{{userInfo.memberState == 0}}">开通会员</text>
                        <text class="upgrade-btn" wx:if="{{userInfo.memberState == 1}}">升级会员</text>
                        <text class="upgrade-btn" wx:if="{{userInfo.memberState == 2}}">已是终身会员</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="{{appAssetsUrl3}}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="onDailySignTap">
                <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="{{appAssetsUrl3}}user-icon/user-job-icon.png" class="card-icon" bindtap="onJobRegistrationTap"></image>
                <image src="{{appAssetsUrl3}}user-icon/user-activity-icon.png" class="card-icon" bindtap="onActivityRegistrationTap"></image>
                <image src="{{appAssetsUrl3}}user-icon/appointment-icon.png" class="card-icon" bindtap="seeMeet"></image>
            </view>
        </view>
        <!-- 功能菜单列表 -->
        <view class="menu-list">
            <view class="menu-item" bindtap="onStudentVerificationTap">
                <view class="menu-left">
                    <image src="{{appAssetsUrl3}}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="onMyCollectionTap">
                <view class="menu-left">
                    <image src="{{appAssetsUrl3}}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="toOrderRecord">
                <view class="menu-left">
                    <image src="{{appAssetsUrl3}}user-icon/icon_7.png" class="menu-icon"></image>
                    <text class="menu-text">订单管理</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="handleMsg">
                <view class="menu-left">
                    <image src="{{appAssetsUrl3}}user-icon/icon_8.png" class="menu-icon"></image>
                    <text class="menu-text">消息通知</text>
                </view>
                <text class="iconfont icon-jiantou righticon"></text>
            </view>
            <view class="menu-item" bindtap="handleWork" wx:if="{{userInfo.memberRoleStatus == 3 || userInfo.memberRoleStatus == 4 || userInfo.memberRoleStatus == 5}}">
                <view class="menu-left">
                    <image src="{{appAssetsUrl3}}user-icon/icon_13.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="{{appAssetsUrl3}}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="{{appAssetsUrl3}}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>