Swiper使用中的坑,你中了哪条?

Swiper的坑

  1. 命名问题

不论是在vue中还是在小程序中,对于swiper组件起名来说,我们不能直接起名为swiper.vue或者大写的Swiper.vue,这时会出现部分问题的,在传递数据的时候,图片可能就不见了

  1. 单位问题

在小程序中,改变这个图片的大小我们需要使用rpx,upx呐会出现一些问题

c.高度问题

swiper的图片大小问题,它本质上会有150px的大小(单位的问题自己注意,但不妨碍它本身默认的150的高度)

解决方法:需要自己手动修改高度:

代码:

swiper{
    width: 100%;
    height: 400rpx;
    .swiper-item{
       image{
       width: 100%;
       height: 400rpx;
             }
          }
        }

猜你喜欢

转载自blog.csdn.net/bjt1015999/article/details/129220541