微信小程序 广告轮播图显示不出来

图片说明
效果图,图片显示不出来
图片说明
wxml
图片说明
wxss
图片说明
做了半天没做出来,我看其他人都是这样做的,不知道为什么我的就是显示不出来,来位不嫌烦大佬指点下,可以的话加个微信 微信号:demons0207。跪求

图片说明

你这段代码放在data里面啊。

显示不出来的话先直接访问图片的地址看能不能正常加载出来?

复制链接,在浏览器上打开,然后查看元素,估计是路径问题

autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">






<!-- -- index.wxml >

index.js 文件代码 imgurls 图片路径修改一下就好
data: {
imgUrls: [
'../../images/top1.png',
'../../images/top2.png',
'../../images/top3.jpg'
],
indicatorDots: true,
autoplay: true,
interval: 3000,
duration: 500,
indeximg: [],
prolist: [],
mini: {},
},

1.我说的swiper不显示图片是只有一个swiper的框,但不显示设置好的图片。
第一个要确定的是图片路径设置的正不正确,确定路径没有设置错,还有一个可能的原因就是,放swiper的这个页面(也就是这个wxml文件)没有在app.json里面的pages进行注册
确决的方法是:
找到项目下的app.json文件

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

小程序的文档也写了“小程序中新增/减少页面,都需要对 pages 数组进行修改。“
我也是初学的时候忽略了这个问题,搞了好长时间,突然想起了这块,在pages中添加的页面之后就好使了。感谢阅读,希望能帮助到大家。

多数是图片路径错误吧

图片说明

这里面。

是直接复制文档的吗?那些图片都是加了白名单的,换自己的图片上去吧

路径错误 啊
相对路径和绝对路径你分析一下

我,,,真的是,搞半天图出不来是因为我在swiper外卖加了一个container的view,这个名字影响了他。。。

我也遇到了,我把样式的高度去掉就好了