index.wxml 1.6 KB

1234567891011121314151617181920212223242526
  1. <view class="page">
  2. <view class="page__hd">
  3. <view class="page__title">SegmentedControl</view>
  4. <view class="page__desc">分段器</view>
  5. </view>
  6. <view class="page__bd">
  7. <view class="sub-title">Default</view>
  8. <wux-segmented-control values="{{ ['Segment1', 'Segment2'] }}" />
  9. <view class="sub-title">Theme</view>
  10. <wux-segmented-control theme="light" values="{{ ['Segment1', 'Segment2'] }}" />
  11. <wux-segmented-control theme="stable" values="{{ ['Segment1', 'Segment2'] }}" />
  12. <wux-segmented-control theme="positive" values="{{ ['Segment1', 'Segment2'] }}" />
  13. <wux-segmented-control theme="calm" values="{{ ['Segment1', 'Segment2'] }}" />
  14. <wux-segmented-control theme="balanced" values="{{ ['Segment1', 'Segment2'] }}" />
  15. <wux-segmented-control theme="energized" values="{{ ['Segment1', 'Segment2'] }}" />
  16. <wux-segmented-control theme="assertive" values="{{ ['Segment1', 'Segment2'] }}" />
  17. <wux-segmented-control theme="royal" values="{{ ['Segment1', 'Segment2'] }}" />
  18. <wux-segmented-control theme="dark" values="{{ ['Segment1', 'Segment2'] }}" />
  19. <view class="sub-title">Disabled</view>
  20. <wux-segmented-control disabled values="{{ ['Segment1', 'Segment2'] }}" />
  21. <view class="sub-title">DefaultCurrent</view>
  22. <wux-segmented-control default-current="2" values="{{ ['Segment1', 'Segment2', 'Segment3'] }}" />
  23. <view class="sub-title">Controlled</view>
  24. <wux-segmented-control current="{{ current }}" controlled values="{{ ['Segment1', 'Segment2', 'Segment3'] }}" bind:change="onChange" />
  25. </view>
  26. </view>