wx-mls/custom-tab-bar/index.wxml

<view class="tabbar">
  <block wx:for="{{list}}" wx:key="index">
    <view class="tabbar-item" bindtap="switchTab" data-path="{{item.pagePath}}" data-index="{{index}}">
      <image class="icon" src="{{selected === index ? item.selectedIconPath : item.iconPath}}" mode="aspectFit" />
      <view class="{{selected === index ? 'active' : ''}}">{{item.text}}</view>
    </view>
  </block>
</view>
<!-- 分享弹框 -->
<van-popup
  show="{{ showShare }}"
  position="bottom"
  round
  z-index="9999"
>
  <view class="share-container">
    <view class="share-options">
      <button class="share-item" open-type="share">
        <image class="share-icon" src="/static/tabbar/weixin.png" mode="aspectFit" />
        <text class="share-text">微信好友</text>
      </button>
      <!-- <button class="share-item" open-type="share" data-type="timeline">
        <image class="share-icon" src="/static/tabbar/tp.png" mode="aspectFit" />
        <text class="share-text">朋友圈</text>
      </button> -->
    </view>
    <!-- 取消按钮 -->
    <view class="share-cancel" bindtap="onCloseShare" hover-class="btn-hover" hover-start-time="50">
      <image class="share-cancel-img" src="/static/tabbar/cancel.png" mode="aspectFit"/>
    </view>
  </view>
</van-popup>

<!-- 客服弹窗 -->
<van-dialog
  confirm-button-class="confirm-btn"
  use-slot
  title="联系客服"
  show="{{showAgreementModal}}"
  show-cancel-button="{{false}}"
>
  <view class="dialog-box">
    <image class="box-code" src="{{programConfig.customer_qrcode}}" mode="aspectFill"></image>
    <view class="box-text" bindtap="onPhone" wx:if="{{programConfig.customer_phone}}">客服电话：{{programConfig.customer_phone}}</view>
    <view class="box-text" wx:if="{{programConfig.customer_email}}">客服邮箱：{{programConfig.customer_email}}</view>
  </view>
</van-dialog>