miniProgram/pages/mine/mine.wxml

<!--pages/mine/mine.wxml-->
<view class="container">
    <view class="top-box" bindtap="showDialog">
        <image class="top-bg" src="../../static/bg/ic_mine_bg.png" mode="widthFix"></image>
        <view class="userInfo-box">
            <view class="user-h-view" style="align-items: center;">
                <image class="avatar" src="{{avatarUrl}}" mode="widthFix"></image>
                <view class="user-v-view" style="flex: 1;height: fit-content;margin: 0 30rpx;">
                    <view class="user-h-view" style="align-items: center;">
                        <text class="username">{{userName}}</text>
                        <image wx:if="{{hasAuth}}" class="edit" src="../../static/images/ic_edit.png" mode="widthFix">
                        </image>
                    </view>
                    <text class="phoneNumber">{{phoneNumber}}</text>
                </view>
            </view>
        </view>
    </view>
    <image class="ad-banner" src="../../static/bg/mine-ad.png" mode="widthFix"></image>
    <view class="menu-card">
        <view class="menu-item" wx:for="{{ menuList }}" wx:key="index" bindtap="onMenuClick" data-index="{{ index }}">
            <image class="ic-menu" src="{{item.icon}}" mode="widthFix"></image>
            <text class="menu-title">{{item.title}}</text>
            <van-icon name="arrow" />
        </view>
        <view class="menu-item" style="border: none;">
            <image class="ic-menu" src="../../static/mine/zxkf.png" mode="widthFix"></image>
            <text class="menu-title">在线客服</text>
            <van-icon name="arrow" />
        </view>
    </view>
    <authorized-login-dialog showDialog="{{showAuthorizedDialog}}"
        bind:authorizationSuccessful="authorizationSuccessful"></authorized-login-dialog>
</view>