小程序轮播图片不显示怎么办?

时间：2023-07-01 14:05 阅读数：63 人阅读分类：网站建设

　　小程序轮播图片不显示怎么办?有微信小程序开发者表示微信小程序轮播图片不显示，如果遇到了这个小程序轮播图片不显示的情况应该怎么办呢?接下来小编帮大家解决小程序轮播图片不显示的问题哦。

　　小程序轮播图片不显示怎么办?

　　如果你的小程序轮播图片不显示，那么你可以去看看是不是图片路径设置的不正确。一般都是这个原因导致小程序轮播图片不显示。

　　所说义要确定的是图片路径设置的正不正确，确定路径没有设置错，还有一个可能的原因就是，放swiper的这个页面(也就是这个wxml文件)没有在app.json里面的pages进行注册小程序

　　确决的方法是：

　　找到项目下的app.json文件

　　在app.json的配置文件下的pages进行页面注册，像下面小程序图片这样

　　小程序的文档也写了“小程序中新增/减少页面，都需要对 pages 数组进行修改。

　　解决小程序轮播图片不显示问题速需要的微信小程序代码如下：

　　直接上代码

　　index.js

　　//index.js

　　Page({

　　data: {

　　background:

　　indicatorDots: true,

　　vertical: false,

　　autoplay: false,

　　interval: 3000,

　　duration: 1200,

　　onLoad: function () {

　　this.setData({

　　autoplay: !this.data.autoplay

　　})

　　}

　　})

　　/**index.wxss**/

　　.swiper-item{

　　width: 100%;

　　display: block;

　　height: 150px;

　　}

　　.swiper_box {

　　height: 400rpx;

　　width: 100%;

　　}

　　swiper-item image {

　　height: 100%;

　　width: 100%;

　　display: inline-block;

　　overflow: hidden;

　　感谢大家的观看我，如果你的小程序轮播图片不显示，那么你可以看看以上的内容，看是不是因为以上的原因导致小程序轮播图片不显示哦，希望对您解决该问题会有帮助，敬请关注微小乔哦。