index.wxml 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <view class="tab-bar">
  2. <view class="tab-bar-border"></view>
  3. <view class="tab-bar-content">
  4. <view
  5. wx:for="{{list}}"
  6. wx:key="index"
  7. class="tab-bar-item {{item.isSpecial ? 'special-item' : ''}}"
  8. data-path="{{item.pagePath}}"
  9. data-index="{{index}}"
  10. bindtap="switchTab"
  11. >
  12. <!-- 普通按钮 -->
  13. <view wx:if="{{!item.isSpecial}}" class="tab-item-content">
  14. <image
  15. src="{{selected === index ? item.selectedIconPath : item.iconPath}}"
  16. class="tab-icon"
  17. ></image>
  18. <view class="tab-text" style="color: {{selected === index ? selectedColor : color}}">
  19. {{item.text}}
  20. </view>
  21. </view>
  22. <!-- 特殊的乐购按钮 -->
  23. <view wx:else class="special-button">
  24. <view class="special-button-bg">
  25. <view class="special-icon-container">
  26. <image
  27. src="{{selected === index ? item.selectedIconPath : item.iconPath}}"
  28. class="special-icon"
  29. ></image>
  30. </view>
  31. </view>
  32. <view class="special-text" style="color: {{selected === index ? selectedColor : color}}">
  33. {{item.text}}
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. </view>