gitee
/
snowy
mirror of https://gitee.com/xiaonuobase/snowy
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

首页轮播图实现 

Signed-off-by: xiaomaiyun <923782299@qq.com>
pull/75/head
xiaomaiyun 2022-12-17 15:07:44 +00:00 committed by Gitee
parent 937a9d306b
commit 426ae0eb03
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
snowy-admin-web/src/views/index/components/carousel.vue
View File

@ -1,13 +1,33 @@
<template>
<a-card class="snowy-right-card-one" :bordered="false">
<template #cover>
<a-carousel class="snowy-right-card-one" autoplay arrows>
<template #prevArrow>
<div class="custom-slick-arrow" style="left: 10px; z-index: 1">
<left-circle-outlined />
</div>
</template>
<template #nextArrow>
<div class="custom-slick-arrow" style="right: 10px">
<right-circle-outlined />
</div>
</template>
<img
src="/src/assets/images/index_001.png"
class="carousel-images"
@click="leaveForOpen('https://www.xiaonuo.vip')"
/>
</template>
</a-card>
<img
src="/src/assets/images/index_002.png"
class="carousel-images"
@click="leaveForOpen('https://www.xiaonuo.vip')"
/>
<!--
<img v-for="(item, index) in carouselList"
:src="item.images"
class="carousel-images"
@click="leaveForOpen(item.url)"
/>
-->
</a-carousel>
</template>
<script setup name="carousel">