25 lines
523 B
Vue
25 lines
523 B
Vue
|
<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>
|