|
@@ -47,8 +47,14 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</v-card>
|
|
</v-card>
|
|
|
- <v-card v-if="!isFloat && !rightObj.show" class="card rightCardBox ml-1">
|
|
|
|
|
- <div class="rightCard" style="color: red;">轮播</div>
|
|
|
|
|
|
|
+ <v-card height="392px" v-if="!isFloat && !rightObj.show" class="card rightCardBox ml-1">
|
|
|
|
|
+ <v-carousel show-arrows="hover" cycle :hide-delimiters="false">
|
|
|
|
|
+ <v-carousel-item v-for="(item, i) in carouselList" :key="i">
|
|
|
|
|
+ <div style="height: 392px; overflow: hidden;">
|
|
|
|
|
+ <v-img :src="item.src" cover style="height: 100%; overflow: hidden;"></v-img>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </v-carousel-item>
|
|
|
|
|
+ </v-carousel>
|
|
|
</v-card>
|
|
</v-card>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -105,6 +111,14 @@ const handleMouseLeave = () => { // 鼠标移出
|
|
|
rightObj.show = false // true false
|
|
rightObj.show = false // true false
|
|
|
leftIndex.value = null
|
|
leftIndex.value = null
|
|
|
}
|
|
}
|
|
|
|
|
+// 轮播图片
|
|
|
|
|
+const carouselList = ref([
|
|
|
|
|
+ { src: 'https://img0.baidu.com/it/u=3769341087,3426515789&fm=253&fmt=auto&app=138&f=JPEG?w=1180&h=472', },
|
|
|
|
|
+ { src: 'https://img.kinpan.com/Files/design/detailimages/20161228/6361853956839262507798973.jpg', },
|
|
|
|
|
+ { src: 'https://img1.baidu.com/it/u=865332958,51171125&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500', },
|
|
|
|
|
+ { src: 'https://img1.baidu.com/it/u=199758384,3382398898&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500', },
|
|
|
|
|
+ { src: 'https://dimg04.c-ctrip.com/images/0200h120009jjri0hA5C2_R_600_400_R5_D.jpg', },
|
|
|
|
|
+])
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
