微信小程序中的swiper图片组件主要是代码很简单。
1.index.wxml

  
      
        
          
            
          
        
    

2.index.js

微信小程序swiper插件怎么用

//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***

微信小程序swiper插件怎么用

【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。