card.vue 790 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <view class="sx-card-box">
  3. <view class="card-head-box" @click="handleClick">
  4. <!-- 封面 -->
  5. <image :src="item.cover" class="head-img"></image>
  6. <view class="head-right-box">
  7. <!-- 名称 -->
  8. <view class="head-title">{{item.name}}</view>
  9. <!-- 简介 -->
  10. <view class="head-content">{{item.intro}}</view>
  11. <!-- 共计 -->
  12. <view class="head-content">¥{{item.price}}</view>
  13. </view>
  14. </view>
  15. </view>
  16. </template>
  17. <script setup>
  18. import ezyActiveVue from "@/components/ezyActive/ezyActive.vue";
  19. const props = defineProps({
  20. item: {
  21. type: Object
  22. }
  23. })
  24. // 选择产品等级
  25. function handleClick() {
  26. uni.navigateTo({
  27. url: '/pages/chanpinShop/cp1/intro'
  28. })
  29. }
  30. </script>
  31. <style scoped>
  32. </style>