shyaf-artist-platform-miniapp/pages/login/login.wxml

<!--pages/login/login.wxml-->
<view class="page-login">
    <view class="logo">
        <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/login-logo.png"></image>
    </view>
    <view class="btn-box">
        为更好的服务用户，申请获取您的：头像、昵称信息
    </view>
    <view class="btn-box">
        <button class="login-btn" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
        <button class="cancel-btn" bindtap="bindBack">取消登录</button>
    </view>
</view>
<view wx:if="{{showPopPhone}}" class="pop-phone">
    <view class="pop-inner">
        <view class="pop-header">微信授权</view>
        <view class="pop-content">
            <view class="text-box">
                <view class="icon">
                    <image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-success-red.png"></image>
                </view>
                <view class="text">微信授权</view>
            </view>
            <view class="info">申请获取：头像、昵称、手机号</view>
        </view>
        <view class="pop-footer">
            <view bindtap="closePhonePop" class="btn">拒绝</view>
            <button
                    plain="true"
                    open-type='getPhoneNumber'
                    bindgetphonenumber="getPhoneNumber"
                    class="btn sure">允许</button>
        </view>
    </view>
</view>