Swiper的坑
命名问题
不论是在vue中还是在小程序中,对于swiper组件起名来说,我们不能直接起名为swiper.vue或者大写的Swiper.vue,这时会出现部分问题的,在传递数据的时候,图片可能就不见了
单位问题
在小程序中,改变这个图片的大小我们需要使用rpx,upx呐会出现一些问题
c.高度问题
swiper的图片大小问题,它本质上会有150px的大小(单位的问题自己注意,但不妨碍它本身默认的150的高度)
解决方法:需要自己手动修改高度:
代码:
swiper{
width: 100%;
height: 400rpx;
.swiper-item{
image{
width: 100%;
height: 400rpx;
}
}
}