update
This commit is contained in:
24
src/components/XSquareCarouselImage.vue
Normal file
24
src/components/XSquareCarouselImage.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<script setup>
|
||||
import testIcon from '../static/images/test.png';
|
||||
|
||||
const {list} = defineProps({
|
||||
list: {
|
||||
type: Array,
|
||||
default: [
|
||||
testIcon, testIcon, testIcon, testIcon
|
||||
],
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<swiper class="!w-[160rpx] !h-[160rpx] !aspect-square" indicator-dots>
|
||||
<swiper-item v-for="v in list">
|
||||
<image class="!w-full !h-full" mode="aspectFill" :src="v"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user