微信小程序swiper模块

最新推荐文章于 2025-05-19 14:53:27 发布

zhaotii

最新推荐文章于 2025-05-19 14:53:27 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/zhaotii/article/details/105942761

在尝试添加微信小程序的swiper模块时，遇到了边界显示正常、Console显示图片自动滑动变化的情况，但实际页面中图片无法显示的问题。可能的原因及解决方案是什么？

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加swiper模块，对模块设置的边框有显示，Console还会有图片自动滑动的变化，但就是显示不出图片，这是什么原因啊

== wxss ==
.school_picture{
  height: 295rpx; border: 1px solid gold;
}
.school_picture image{
  width:100%;  height:295rpx;
}
.school_pictureItem{
  padding:0 5px; box-sizing:  border-box;
}

```javascript
==wxml==
<swiper class="school_picture" indicator-dots indicator-color="rgba(255,255,255,0.5)" indicator-active-color="#fff" autoplay interval="3000" circular previous-margin="20"  next-margin="20">
<swiper-item class="school_pictureItem"><image scr="/images/xueyuan1.jpg" ></image>
</swiper-item>
<swiper-item class="school_pictureItem"><image scr="/images/xueyuan2.jpg" ></image>
</swiper-item>
<swiper-item class="school_pictureItem"><image scr="/images/xueyuan3.jpg" ></image>
</swiper-item>
<swiper-item class="school_pictureItem"><image scr="/images/xueyuan4.jpg" ></image>
</swiper-item>
</swiper>

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200506024904245.png)