index.wxml 1.4 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <view class="tabbar">
  2. <block wx:for="{{list}}" wx:key="index">
  3. <view class="tabbar-item" bindtap="switchTab" data-path="{{item.pagePath}}" data-index="{{index}}">
  4. <image class="icon" src="{{selected === index ? item.selectedIconPath : item.iconPath}}" mode="aspectFit" />
  5. <view class="{{selected === index ? 'active' : ''}}">{{item.text}}</view>
  6. </view>
  7. </block>
  8. </view>
  9. <!-- 分享弹框 -->
  10. <van-popup
  11. show="{{ showShare }}"
  12. position="bottom"
  13. round
  14. z-index="9999"
  15. >
  16. <view class="share-container">
  17. <view class="share-options">
  18. <!-- <view class="share-item" bindtap="shareToWechat">
  19. <image class="share-icon" src="/static/tabbar/weixin.png" mode="aspectFit" />
  20. <text class="share-text">微信好友</text>
  21. </view> -->
  22. <button class="share-item" open-type="share">
  23. <image class="share-icon" src="/static/tabbar/weixin.png" mode="aspectFit" />
  24. <text class="share-text">微信好友</text>
  25. </button>
  26. <!-- <button class="share-item" open-type="share" data-type="timeline">
  27. <image class="share-icon" src="/static/tabbar/tp.png" mode="aspectFit" />
  28. <text class="share-text">朋友圈</text>
  29. </button> -->
  30. </view>
  31. <!-- 取消按钮 -->
  32. <view class="share-cancel" bindtap="onCloseShare" hover-class="btn-hover" hover-start-time="50">
  33. <image class="share-cancel-img" src="/static/tabbar/cancel.png" mode="aspectFit"/>
  34. </view>
  35. </view>
  36. </van-popup>