index.vue 599 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <view class="carousel-slider">
  3. <demo-block title="carousel-slider">
  4. <z-swiper ref="zSwiper" v-model="list" :options="options">
  5. <z-swiper-item v-for="(item,index) in list" :key="index" :custom-style="{width:'500rpx'}">
  6. <div class="carousel-slider-animate-opacity">
  7. <demo-item :item="item"></demo-item>
  8. </div>
  9. </z-swiper-item>
  10. </z-swiper>
  11. </demo-block>
  12. </view>
  13. </template>
  14. <script>
  15. import data from '../../../common/js/data.js'
  16. export default {
  17. data() {
  18. return {
  19. options: {
  20. effect: "carousel"
  21. },
  22. list: data
  23. }
  24. }
  25. }
  26. </script>