mainCard.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false">
  3. <swiper-item>
  4. <view class="swiper-item uni-bg-red">
  5. <learnContent :active-word="activeWord" :active-words="activeWords"></learnContent>
  6. </view>
  7. </swiper-item>
  8. <swiper-item>
  9. <view class="swiper-item uni-bg-red">
  10. <pinPageVue :active-word="activeWord" :active-words="activeWords"></pinPageVue>
  11. </view>
  12. </swiper-item>
  13. <swiper-item>
  14. <view class="swiper-item uni-bg-blue">
  15. <hr />{{activeWord}}
  16. </view>
  17. </swiper-item>
  18. <swiper-item>
  19. <view class="swiper-item uni-bg-blue">
  20. <hr />{{activeWord}}
  21. </view>
  22. </swiper-item>
  23. <swiper-item>
  24. <view class="swiper-item uni-bg-blue">
  25. <hr />{{activeWord}}
  26. </view>
  27. </swiper-item>
  28. </swiper>
  29. </template>
  30. <script setup>
  31. import pinPageVue from './pinPage.vue';
  32. import learnContent from './learnContent.vue';
  33. const props = defineProps({
  34. activeWord: {
  35. type: Object,
  36. },
  37. activeWords: {
  38. type: Array
  39. },
  40. })
  41. </script>
  42. <style>
  43. </style>