index/wmxl代码
{indicatorDots}}’ autoplay='{
{autoplay}}’ interval='{
{interval}}’ duration='{
{duration}}’ circular='{
{circular}}’>
{imgUrls}}” wx:key='{
{index}}’>
{item.url}}” class=”slide-image” mode=”aspectFill”>
index/wxss代码
/*轮播图*/
.swiperBanner{
width: 100%;
height: 350rpx;
justify-content: center;
align-items: center;
display: flex;
}
.swiper {
width: 90%;
height: 300rpx;
}
.swiperBanner image{
width: 100%;
height: 300rpx;
border-radius: 30rpx;
border: 1px solid #f;
}
index/js代码
//轮播数据
Data:{
indicatorDots:false,
autoplay:true,
interval:3000,
duration: 800,
circular:true,
// 轮播图
imgUrls: [
{
link:’../food/baozi/index’,//跳转后的界面
url:’cloud://cloud1-2gqs4wzm.636c-cloud1-2gqs4wzm-/swiper/roubao.png’,//图片在云开发中的存储
},
{
link: ‘../food/guoqiaomixian/index’,
url: ‘cloud://cloud1-2gqs4wzm.636c-cloud1-2gqs4wzm-/swiper/guoqiaomixian.png’,
},
],
},
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/218306.html原文链接：https://javaforall.net
