sundongyu/dykj-official-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐞 fix:修复了轮播图效果

Browse Source
This commit is contained in:
sundongyu 2024-04-01 13:26:56 +08:00
parent d369a78759
commit 0f468d26bf
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/assets/img/tubiao2.jpg → src/assets/img/tubiao2.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 237 KiB

After

Width:  |  Height:  |  Size: 237 KiB

19
src/pages/content/components/slideshow.vue
View File

@ -9,9 +9,10 @@
>
<t-swiper-item v-for="(item, index) in imgArr" :key="index">
<t-image
v-lazy="{ src: item }"
:src="item"
item
fit="contain"
:style="{ width: '120px', height: '120px' }"
:style="{ width: '400px', height: '120px' }"
@error="onError"
/>
</t-swiper-item>
@ -20,16 +21,16 @@
</template>
<script setup lang="ts">
import { ref } from "vue";
import tubiao from "@/assets/img/tubiao.jpeg";
import tubiao1 from "@/assets/img/tubiao1.jpeg";
import tubiao2 from "@/assets/img/tubiao2.jpeg";
import { ref } from 'vue'
import tubiao from '@/assets/img/tubiao.jpeg'
import tubiao1 from '@/assets/img/tubiao1.jpeg'
import tubiao2 from '@/assets/img/tubiao2.jpeg'
const imgArr = [tubiao, tubiao1, tubiao2];
const imgArr = [tubiao, tubiao1, tubiao2]
const onError = () => {
console.log("onError");
};
console.log('onError')
}
</script>
<style scoped lang="less">