scroll-view.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <view class="page">
  2. <view class="page__bd">
  3. <wux-cell-group title="ScrollView">
  4. <wux-cell hover-class="none">
  5. <wux-input type="number" label="Height" defaultValue="{{ height }}" data-meta="height" bind:blur="onInputBlur" />
  6. </wux-cell>
  7. <wux-cell hover-class="none">
  8. <wux-input type="number" label="Item Height" defaultValue="{{ itemHeight }}" data-meta="itemHeight" bind:blur="onInputBlur" />
  9. </wux-cell>
  10. <wux-cell hover-class="none">
  11. <wux-input type="number" label="Item Buffer" defaultValue="{{ itemBuffer }}" data-meta="itemBuffer" bind:blur="onInputBlur" />
  12. </wux-cell>
  13. <wux-cell hover-class="none">
  14. <wux-input type="number" label="ScrollToIndex" defaultValue="{{ scrollToIndex }}" data-meta="scrollToIndex" bind:blur="onInputBlur" />
  15. </wux-cell>
  16. <wux-cell title="ScrollWithAnimation">
  17. <wux-switch slot="footer" color="balanced" value="{{ scrollWithAnimation }}" data-meta="scrollWithAnimation" bind:change="onSwicth" />
  18. </wux-cell>
  19. </wux-cell-group>
  20. <view class="main">
  21. <wux-virtual-list
  22. id="wux-virtual-list"
  23. height="{{ height }}"
  24. itemHeight="{{ itemHeight }}"
  25. itemBuffer="{{ itemBuffer }}"
  26. scrollToIndex="{{ scrollToIndex }}"
  27. scrollWithAnimation="{{ scrollWithAnimation }}"
  28. disableScroll="{{ disableScroll }}"
  29. bind:change="onChange"
  30. bind:scrolltolower="onScrollToLower"
  31. >
  32. <wux-virtual-item wx:for="{{ virtual.items }}" wx:key="*this">
  33. <view class="item">
  34. <view class="index">{{ '#' + item }}</view>
  35. <view class="desc">Wux NB</view>
  36. </view>
  37. </wux-virtual-item>
  38. </wux-virtual-list>
  39. </view>
  40. </view>
  41. </view>