jstxCard.vue 743 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <!-- 数学-计算特训card -->
  3. <ezyActiveVue class="ezy-list-item-active jstx-card-box" @click="handleClick(item)">
  4. <img :src="item.cover" mode="aspectFill" class="ezy-hidden-pad jstx-card-img" />
  5. <img :src="item.coverPad" mode="aspectFill" class="ezy-hidden-phone jstx-card-img" />
  6. <view class="jstx-card-title">{{ item.name }}</view>
  7. </ezyActiveVue>
  8. </template>
  9. <script setup>
  10. import ezyActiveVue from "@/components/ezyActive/ezyActive.vue";
  11. const porps = defineProps({
  12. item: {
  13. type: Object
  14. }
  15. })
  16. // 跳转详情页面
  17. function handleClick(item) {
  18. console.log('item',item.ziliaoId);
  19. uni.navigateTo({
  20. url: `/pages/chanpinZiliao/shuxue/jstxInfo?ziliaoId=${item.ziliaoId}`
  21. })
  22. }
  23. </script>
  24. <style>
  25. </style>