|
@@ -143,18 +143,12 @@
|
|
|
<!-- 4. Carousel & Hot Sales -->
|
|
<!-- 4. Carousel & Hot Sales -->
|
|
|
<div class="flex mt-2 px-2 gap-2">
|
|
<div class="flex mt-2 px-2 gap-2">
|
|
|
<div
|
|
<div
|
|
|
- class="w-1/2 bg-white rounded p-2 h-32 flex items-center justify-center bg-gray-200 overflow-hidden relative">
|
|
|
|
|
|
|
+ class="w-1/2 bg-white rounded h-32 flex items-center justify-center bg-gray-200 overflow-hidden relative">
|
|
|
<template v-if="hasLeftBannerData">
|
|
<template v-if="hasLeftBannerData">
|
|
|
- <el-carousel indicator-position="none" arrow="never" :interval="3000"
|
|
|
|
|
|
|
+ <el-carousel indicator-position="none" arrow="never" :interval="3000" height="100%"
|
|
|
class="w-full h-full">
|
|
class="w-full h-full">
|
|
|
<el-carousel-item v-for="(item, index) in leftBannerData" :key="index">
|
|
<el-carousel-item v-for="(item, index) in leftBannerData" :key="index">
|
|
|
<el-image :src="item.imgUrl" class="w-full h-full object-cover rounded">
|
|
<el-image :src="item.imgUrl" class="w-full h-full object-cover rounded">
|
|
|
- <template #error>
|
|
|
|
|
- <div
|
|
|
|
|
- class="w-full h-full bg-gray-300 flex items-center justify-center text-xs text-gray-500">
|
|
|
|
|
- 图裂了
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
</el-image>
|
|
</el-image>
|
|
|
</el-carousel-item>
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
</el-carousel>
|
|
@@ -162,7 +156,7 @@
|
|
|
<span v-else class="text-gray-500">左轮播</span>
|
|
<span v-else class="text-gray-500">左轮播</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div
|
|
<div
|
|
|
- class="w-1/2 bg-white rounded p-2 h-32 flex items-center justify-center bg-gray-200 overflow-hidden relative">
|
|
|
|
|
|
|
+ class="w-1/2 bg-white rounded h-32 flex items-center justify-center bg-gray-200 overflow-hidden relative">
|
|
|
<template v-if="hasRightBannerData">
|
|
<template v-if="hasRightBannerData">
|
|
|
<div
|
|
<div
|
|
|
class="w-full h-full bg-gradient-to-b from-[#FFE0D7] to-[#FFF5F2] rounded p-2 flex flex-col">
|
|
class="w-full h-full bg-gradient-to-b from-[#FFE0D7] to-[#FFF5F2] rounded p-2 flex flex-col">
|
