set-tab-bar.wxml 1.0 KB

1234567891011121314151617181920212223242526272829303132
  1. <import src="../../../common/head.wxml" />
  2. <import src="../../../common/foot.wxml" />
  3. <view class="container page" data-weui-theme="{{theme}}">
  4. <template is="head" data="{{title: 'tabBar'}}"/>
  5. <view class="page-body">
  6. <view class="btn-area">
  7. <button bindtap="setTabBarBadge">
  8. {{ !hasSetTabBarBadge ? '设置tab徽标' : '移除tab徽标' }}
  9. </button>
  10. <button bindtap="showTabBarRedDot">
  11. {{ !hasShownTabBarRedDot ? '显示红点' : '移除红点'}}
  12. </button>
  13. <button bindtap="customStyle">
  14. {{ !hasCustomedStyle ? '自定义Tab样式' : '移除自定义样式'}}
  15. </button>
  16. <button bindtap="customItem">
  17. {{ !hasCustomedItem ? '自定义Tab信息' : '移除自定义信息' }}
  18. </button>
  19. <button bindtap="hideTabBar">
  20. {{ !hasHiddenTabBar ? '隐藏TabBar' : '显示TabBar' }}
  21. </button>
  22. </view>
  23. <view class="btn-area">
  24. <button type="primary" bindtap="navigateBack">返回上一级</button>
  25. </view>
  26. </view>
  27. <template is="foot" />
  28. </view>