|
@@ -1,10 +1,31 @@
|
|
<!-- 商品详情 -->
|
|
<!-- 商品详情 -->
|
|
<template>
|
|
<template>
|
|
- <div>vue3PageInit</div>
|
|
|
|
|
|
+ <div class="default-width px-10">
|
|
|
|
+ <v-card height="392px" class="carousel mr-3" style="width: 792px; border-radius: 8px;">
|
|
|
|
+ <!-- <div></div> -->
|
|
|
|
+ <v-carousel show-arrows="hover" cycle :model-value="0">
|
|
|
|
+ <v-carousel-item v-for="(item, i) in carouselList" :key="i" @click="null">
|
|
|
|
+ <div style="height: 392px; overflow: hidden;" :class="{'cursor-pointer': item.link}">
|
|
|
|
+ <v-img :src="item.img" :lazy-src="item.src" cover style="height: 100%; overflow: hidden;">
|
|
|
|
+ <template v-slot:placeholder>
|
|
|
|
+ <v-row align="center" class="fill-height ma-0" justify="center">
|
|
|
|
+ <v-progress-circular color="grey-lighten-5" indeterminate></v-progress-circular>
|
|
|
|
+ </v-row>
|
|
|
|
+ </template>
|
|
|
|
+ </v-img>
|
|
|
|
+ </div>
|
|
|
|
+ </v-carousel-item>
|
|
|
|
+ </v-carousel>
|
|
|
|
+ </v-card>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
defineOptions({name: 'wares-details'})
|
|
defineOptions({name: 'wares-details'})
|
|
|
|
+import { getProductDetail } from '@/api/mall'
|
|
|
|
+import { ref } from 'vue'
|
|
|
|
+
|
|
|
|
+const carouselList = ref([])
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
</style>
|
|
</style>
|