微信小程序轮播组件（swiper）

小程序轮播代码

//json代码
page({
data: {
img: [
{ “url”: “img/1242x366-1531449084.jpg” },
{ “url”: “img/1242x366_djj_0706-1530871651.jpg” },
{ “url”: “img/1242x366_lyx_0709-1531122892.jpg” },
{ “url”: “img/14540040236323_1_o.jpg” }
]
}
});

//css样式
//wxss
.u-wrp-bnr {
width: 100%;
height: 200rpx;
display: block;
position: relative;
top: 100rpx;
background: #f0f0f0;
}
.u-img-slide {
width: 100%;
height: inherit;
}
//wxss

如果你是零基础，想学习小程序的加我微信《ww1686123404》,给你提供学习视频，从零基础到项目实战，让你直接性蜕变，舞台再大，自己不上台，永远都是观众，选择要大于努力的哦！