PC端这个昵称获取的弹窗被tabbar遮盖了。

请问这个要怎么处理？

     <view class="nic-box">
        <view style="border-bottom: 1px solid #eee9e9;" class="button_n b_n" >
          <view class="tx tx_t">头像</view>
          <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar" bindtap="boxbtn">
             <image wx:if="{{avatarUrl}}" class="avatar" src="{{avatarUrl}}"></image>
             <image wx:else="" class="avatar" src="/static/image/my_images/nologin_head.png"></image>
          </button> 
        </view>
        <view class="input_n b_n">
          <view class="tx">昵称</view>
          <view class="tx_i"><input type="nickname" value="{{inputValue}}" bind:change="inputchange"  class="weui-input" placeholder="请输入昵称"/></view>
        </view>
        <view class="button_s" bindtap="confimAvatr">确认</view>
        <view class="button_s canle" bindtap="canleAvatr">取消</view>
     </view>