index.vue 739 B

123456789101112131415161718192021222324252627282930
  1. <template>
  2. <view class="demo-swiper">
  3. <demo-block title="基础用法">
  4. <z-swiper v-model="list" :options="{loop : true}">
  5. <z-swiper-item v-for="(item,index) in list" :key="index">
  6. <demo-item :item="item"></demo-item>
  7. </z-swiper-item>
  8. </z-swiper>
  9. </demo-block>
  10. <demo-block title="自动播放">
  11. <z-swiper v-model="listAutoplay" :options="{loop : true,autoplay:true}">
  12. <z-swiper-item v-for="(item,index) in listAutoplay" :key="index">
  13. <demo-item :item="item"></demo-item>
  14. </z-swiper-item>
  15. </z-swiper>
  16. </demo-block>
  17. </view>
  18. </template>
  19. <script>
  20. import data from '../../common/js/data.js'
  21. export default {
  22. data() {
  23. return {
  24. list: data,
  25. listAutoplay: data,
  26. }
  27. },
  28. }
  29. </script>