jianbing/unpackage/dist/dev/mp-weixin/components/mplogin-popup/mplogin-popup.wxml

<view><u-popup bind:input="__e" vue-id="5caadd14-1" mode="bottom" border-radius="16" safe-area-inset-bottom="{{true}}" maskCloseAble="{{false}}" value="{{showPop}}" data-event-opts="{{[['^input',[['__set_model',['','showPop','$event',[]]]]]]}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup-content"><view class="u-font-xl bold-600">获取您的昵称和头像</view><view class="popup-form"><form data-event-opts="{{[['submit',[['handleSubmit',['$event']]]]]}}" bindsubmit="__e"><view class="u-flex u-row-between avatar u-margin-top-80"><text>头像</text><view class="u-flex u-row-between flex1 u-margin-left-30"><button class="u-flex u-row-between w-full" style="border:none;" hover-class="none" open-type="chooseAvatar" data-event-opts="{{[['chooseavatar',[['onChooseAvatar',['$event']]]]]}}" bindchooseavatar="__e"><block wx:if="{{avatar}}"><u-image vue-id="{{('5caadd14-2')+','+('5caadd14-1')}}" src="{{avatar}}" width="100rpx" height="100rpx" shape="circle" bind:__l="__l"></u-image></block><block wx:else><view>点击授权头像</view></block><u-icon vue-id="{{('5caadd14-3')+','+('5caadd14-1')}}" name="arrow-right" color="#9F9EA4" size="32" bind:__l="__l"></u-icon></button></view></view><view class="u-flex u-row-between avatar u-margin-top-60"><text>昵称</text><view class="u-flex u-row-between flex1 u-margin-left-30"><input name="nickname" type="nickname" placeholder="请输入昵称" placeholder-style="color: #000;" value="{{nickname}}"/><u-icon vue-id="{{('5caadd14-4')+','+('5caadd14-1')}}" name="arrow-right" color="#9F9EA4" size="32" bind:__l="__l"></u-icon></view></view><button class="submit-btn bg-primary" form-type="submit">确定</button><view data-event-opts="{{[['tap',[['onClose',['$event']]]]]}}" class="text-default u-text-center close-btn" bindtap="__e">暂不登录</view></form></view></view></u-popup></view>