<view class="booktab">

  <view class="tabitem" bindtap="jumpdial">拨号盘</view>

  <view class="tabitem borderleft" bindtap="jumprecord">通话记录</view>

  <view class="tabitem borderleft {{showNfcEnter? 'smalltext':''}}" bindtap="jumpcontact">添加联系人</view>

</view>

.booktab {

  position: fixed;

  bottom: 90rpx;

  height: 80rpx;

  width: 90vw;

  margin-left: 5vw;

  display: flex;

  flex-direction: row;

  justify-content: center;

  align-items: center;

  background-color: var(--mainthemeColor);

  border-radius: 40rpx;

}

.tabitem {

  flex-grow: 1;

  flex-basis: 0;

  width: auto;

  line-height: 90rpx;

  text-align: center;

  color: white;

  font-size: medium;

}

.borderleft {

  border-left: 4rpx solid white;

}

.smalltext {

  font-size: small;

}

正常底部按钮时展示，oppo的一款手机刚进入展示，刷新一下就不展示了