Solve the problem that the width of the carousel image in the WeChat applet cannot fill the page

Questions are as follows

solution

The width of the image inside the carousel is not set to 100%, resulting in room for the entire carousel to fill the page.

 

 code

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

/* 轮播图 */
swiper{
  width: 100%;
  height: 211px;
}
swiper image{
	width: 100%;
}

Step on the pit +1