微信小程序swiper高度怎么设置

　　在进行微信小程序swiper设置的时候，宽高比不是很好掌握，所以微信小程序swiper高度要调好，这样才能出来好的效果，以下就是设置的相关流程。

　　swiper保持宽高比

　　用rpx做单位即可

　　swiper {

　　height: 300rpx;

　　}

　　swiper-item image {

　　width: 100%;

　　height: 100%;

　　}

　　rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

　　Android写过小程序轮播图的痛楚只有写过的知道，相对还是比较麻烦的，并没有一个轮播图组件，有个ViewPage也需要自己定制，IOS则多用UIScrollerView去实现，这个swiper封装的相对还是方便的，使用方式也相对那俩容易些。

　　主要属*：

　　属*只需要设置就行了 也可以抽到js文件的data中进行数据绑定，监听使用bindchange，在js中做业务处理。

　　wxml小程序码

　　?

　　Page({ data:{ // text:"这是一个页面" },

　　/** * 这里处理小程序滚动事件处理 */ listenSwiper:function(e) { //打印信息 console.log(e) },

　　onLoad:function(options){ // 页面初始化 options为页面跳转所带来的参数 }, onReady:function(){ // 页面渲染完成 }, onShow:function(){ // 页面显示 }, onHide:function(){ // 页面隐藏 }, onUnload:function(){ // 页面关闭 }})

　　对照上述流程，设置好微信小程序swiper高度，这样在进行后续的小程序开发就会相对来说简单很多了，想要获取更多相关资料请关注微信小程序素材网。

　　小程序自定义swiper开发教程

　　微信小程序解决swiper不显示图片

　　怎样设置微信小程序自定义弹窗