card.vue 745 B

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