微信小程序轮播图怎么设置高度?
时间:2023-07-01 14:05
阅读数:22 人阅读
分类:知识百科
微信小程序轮播图怎么设置高度?小程序轮播里面可以添加多张图片,这些图片的高度宽度怎么设置才能让他们看起来正常呢?下面大家随小编来看看微信小程序轮播图怎么设置高度?
微信小程序轮播图怎么设置高度?
如果大家要修改微信小程序轮播图的高度,大家可以在样式中修改imgae的宽高和swiper的高度,具体修改的小程序代码如下:
swiper{
height: 375rpx;
}
image{
width: 750rpx;
height: 375rpx;
}
其中第一个height就是swiper的高度,后面的width和height是图片的宽度和高度,大家可以设置好,实际上小程序官方为了方便小程序开发者,开发了swiper高度的自适应方法,具体方法大家随小编一起看看吧。
小程序swiper高度自适应:
wxml代码:
小程序js:
以上就是小编为大家搜集的微信小程序轮播图怎么设置高度?的全部内容了,希望能帮到大家。如果你还有更多疑问或者建议,可以来我们微小乔的网站哦,谢谢大家的关注!
相关推荐:
微信小程序轮播图样式有哪些?怎么设置小程序轮播图?
微信小程序轮播图代码参考
微信小程序轮播之文字轮播