channel_business/pages/login/login.wxml

<!-- pages/login/login.wxml -->
<view class="login-page">
    <view class="qr-code-view">
        <view class="qr-code-img">
            <image class='official-account-img' src='/images/home/official-account.jpg'></image>
        </view>
    </view>
    <view class="title-view">申请获取以下权限</view>
    <view class="sub-title-view">个人中心需要获得您的手机号</view>
    <view class="submin-btn">
        <button class="login-get-phone-number" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" disabled="{{ !hasUserInfo }}">
            授权手机号
        </button>
        <view class="hasUserInfo-box" wx:if="{{ !hasUserInfo }}" bindtap="showTotal"></view>
    </view>
    <view class="get-user-info">
        <van-checkbox class="info-checkbox" value="{{ hasUserInfo }}" bind:change="onCheckboxChange">
            <view class="get-user-info-btn">允许访问头像、昵称及地区信息</view>
        </van-checkbox>
    </view>
</view>