您当前的位置: 首页 > 知识百科 > 微信小程序轮播图怎么设置高度?

微信小程序轮播图怎么设置高度?

时间:2023-07-01 14:05 阅读数:22 人阅读 分类:知识百科

  微信小程序轮播图怎么设置高度?小程序轮播里面可以添加多张图片,这些图片的高度宽度怎么设置才能让他们看起来正常呢?下面大家随小编来看看微信小程序轮播图怎么设置高度?

  微信小程序轮播图怎么设置高度?

  如果大家要修改微信小程序轮播图的高度,大家可以在样式中修改imgae的宽高和swiper的高度,具体修改的小程序代码如下:

  swiper{

  height: 375rpx;

  }

  image{

  width: 750rpx;

  height: 375rpx;

  }

  其中第一个height就是swiper的高度,后面的width和height是图片的宽度和高度,大家可以设置好,实际上小程序官方为了方便小程序开发者,开发了swiper高度的自适应方法,具体方法大家随小编一起看看吧。

  小程序swiper高度自适应:

  wxml代码:

  小程序js:

  以上就是小编为大家搜集的微信小程序轮播图怎么设置高度?的全部内容了,希望能帮到大家。如果你还有更多疑问或者建议,可以来我们微小乔的网站哦,谢谢大家的关注!

相关推荐:

微信小程序轮播图样式有哪些?怎么设置小程序轮播图?

微信小程序轮播图代码参考

微信小程序轮播之文字轮播