微信小程序中的swiper图片组件主要是代码很简单。
1.index.wxml
2.index.js
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
movies:[
{ url: 'https://img04.sogoucdn.com/app/a/100520093/66ccbe631f3b0ce2-06138918aa1f7763-69f5926dc0b97baf69c3f7c84f3067c8.jpg' },
{ url: 'https://a2.att.hudong.com/53/51/16300000178518124461515846560_950.jpg' },
{ url: 'http://pic19.nipic.com/20120210/9335935_195635332170_2.jpg' },
{ url: 'http://img.sucai.redocn.com/attachments/images/203/20302/20227_5118efc039e755357f07BFdWDJN9cxbY.jpg' }
]
},
onLoad: function () {
}
})
3.WXML
/**index.wxss**/
.swiper {
height: 400rpx;
width: 100%;
}
.swiper image {
height: 100%;
width: 100%;
}
更多详情请访问官方
https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***
【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。