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