微信小程序swiper自适应高度

swiper组件如果没有高度是不显示的,网上有的朋友会用js去动态获取图片高度再给swiper设置高度(这种方法繁琐)

我下面用css来让swiper自适应(bannerList为存放图片的数组,backgroundImg为图片地址):

1.在外侧给个容器,设置position为relative

2.取出第一个图片,设置宽度100%,mode为widthFix(高度自适应)

3.给swiper设置绝对定位,高度宽度都100%,就可以实现swiper高度自适应


    
    
      
    
  

 

你可能感兴趣的:(微信小程序,前端)