uniapp微信小程序之轮播图

html代码

<!-- 轮播图 -->
		<view class="image-swiper">
			<swiper class="swiper" 
				indicator-dots="true" 
				autoplay="true" 
				interval="5000" 
				duration="1500"	>
				<swiper-item v-for="(item , index) in imageAll" :key="index">
					<image :src="item" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>

js代码

data() {
			return {
				imageAll :[//轮播图
					'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3892521478,1695688217&fm=26&gp=0.jpg',
					'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1603960372336&di=0feef2e216a8c5a871448a12e0000a3d&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg'
				]
    }
}

css样式

/* 轮播 */
	.swiper{
		height: 300upx;
	}
	
	.image-swiper swiper-item image{
		width: 100%;
		height: 400upx;
	}