uni-app采坑之路——swiper

uni-app采坑之路——swiper_第1张图片
这里本来是要写轮播图的,明明设置好了swiper的高度值,宽度也设置成了100%,再看微信小程序和app的样式,纳尼?!!!!
竟然显示不一样!轮播图有一部分竟然没有了
uni-app采坑之路——swiper_第2张图片

解决方法:

uni-app采坑之路——swiper_第3张图片

  • 在swiper的页面添加swiper标签的样式,用样的复制一份,就搞定了

题外话

swiper的坑:
1.组件名称swiper.vue 或者Swiper.vue ,在传递数据的时候有可能图片就不见了。
2.改变图片的大小需要用rpx的单位,用upx可能会有问题。
3.本身swiper是有150px的默认高度,app中需要改变默认高度需要加入:swiper{ width: 100%; height: 自定义px; }。

你可能感兴趣的:(uni-app采坑之路——swiper)