|
@@ -3,7 +3,7 @@ import { getBanners } from '../../../core/libs/requests'
|
|
|
import { BannerMode } from '../../../core/models/moment'
|
|
|
import { useRouter } from '../../../core/utils/router'
|
|
|
|
|
|
-const props = defineProps<{ mode: BannerMode }>()
|
|
|
+const props = defineProps<{ mode: BannerMode; aspect?: string }>()
|
|
|
const router = useRouter()
|
|
|
const { data: banners, run: setBanners } = useRequest(() => getBanners({ mode: props.mode }), {
|
|
|
initialData: [],
|
|
@@ -31,6 +31,7 @@ onMounted(() => {
|
|
|
<div>
|
|
|
<wd-swiper
|
|
|
custom-class="rounded-2xl overflow-hidden aspect-[2.71/1]"
|
|
|
+ :custom-style="`aspect-ratio: ${props.aspect ?? '2.71/1'}`"
|
|
|
width="100%"
|
|
|
height="100%"
|
|
|
:list="swiperList"
|