问题如下
解决方案
没有设置轮播图内部的图片宽度为100%,导致有空余从而无法使整个轮播图宽度撑满页面
代码
index.wxml
<swiper indicator-dots indicator-color="white" circular autoplay >
<swiper-item>
<image src="https://7365-securityapp-9g6ico569f349577-1311988543.tcb.qcloud.la/swiper02.png?sign=036dc87347ea9f7354b98a9e9bc8b89e&t=1678196381" ></image>
</swiper-item>
<swiper-item>
<image src="https://7365-securityapp-9g6ico569f349577-1311988543.tcb.qcloud.la/swiper03.png?sign=68cc9dac028e0b8e549ae5cbfddd4f67&t=1678196468"></image>
</swiper-item>
<swiper-item>
<image src="https://7365-securityapp-9g6ico569f349577-1311988543.tcb.qcloud.la/swiper04.png?sign=89642d4100bd00ed6803b9bc0694842b&t=1678196618"></image>
</swiper-item>
</swiper>
index.css文章来源:https://www.toymoban.com/news/detail-540937.html
/* 轮播图 */
swiper{
width: 100%;
height: 211px;
}
swiper image{
width: 100%;
}
踩坑+1文章来源地址https://www.toymoban.com/news/detail-540937.html
到了这里,关于解决微信小程序关于轮播图宽度无法撑满页面的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!