uni-app 微信小程序之swiper轮播图

最新推荐文章于 2024-08-20 23:54:19 发布

嫣嫣细语

最新推荐文章于 2024-08-20 23:54:19 发布

阅读量526

点赞数 1

分类专栏：前端 uni-app 微信小程序文章标签： uni-app 微信小程序小程序

本文链接：https://blog.csdn.net/aaa123aaasqw/article/details/139318877

版权

1. 实现效果

2. 完成代码

<template>
	<view class="components-home">
		<view style="margin-top:-50rpx;height: 486rpx; position: relative;margin-bottom: 80rpx;">
			<image src='https://xxx.com/img/wccQQP.png' mode='widthFix' class='png' style='width:100%;height:486rpx'></image>
		</view>
		
		<swiper class="card-swiper round-dot" previous-margin="1rpx" :indicator-dots="false" :circular="true" :autoplay="true" interval="5000"
		  duration="500" @change="cardSwiper" indicator-color="#ffffff" indicator-active-color="#ffffff" style="margin-top: -320upx;">
		  <swiper-item v-for