index.wxml 1.6 KB

12345678910111213141516171819202122232425262728
  1. <!-- 滚动模式 -->
  2. <block wx:if="{{mode=='scroll'}}">
  3. <scroll-view scroll-x enable-flex class="scroll" style="height: {{showIcon?'120':'90'}}rpx;" scroll-left='{{scrollLeft}}' scroll-with-animation enable-passive>
  4. <view class="item {{active==index?'active':''}}" style="border-color:{{item.color || '#3874F6'}};" id="{{active==index?'active'+index:''}}" wx:for="{{list}}" wx:key="index" data-index="{{index}}" bindtap="tabsChenge">
  5. <block wx:if="{{showIcon}}">
  6. {{item.color}}
  7. <view class="icon" wx:if="{{item.icon}}">
  8. <text class="iconfont {{item.icon}}" />
  9. </view>
  10. <view wx:else class="num line-1">{{item.num}}</view>
  11. </block>
  12. <view class="label line-1 {{item.icon?'':'overstriking'}}" style="color: {{active == index ? item.color || '#999' : '#999'}};">{{language[item.label]||item.label}}</view>
  13. </view>
  14. </scroll-view>
  15. </block>
  16. <!-- 平铺模式 -->
  17. <block wx:if="{{mode=='flat'}}">
  18. <view class="flat-container">
  19. <view class="item1 {{active==index?'active':''}}" style="{{active==index ? 'background-color:'+(item.color||'#FAE5E5')+';border-color:'+(item.color||'#FAE5E5') : ''}}" wx:for="{{list}}" wx:key="index" data-index="{{index}}" bindtap="tabsChenge">
  20. <view class="label1">{{language[item.label]||item.label}}</view>
  21. </view>
  22. </view>
  23. </block>
  24. <view class="slot-box" bindtouchstart="myTouchStart" bindtouchmove="myTouchMove">
  25. <slot name='padtop' />
  26. <slot name='{{list[active].label}}' />
  27. <slot />
  28. </view>