qq_33364347
2017-11-29 08:37
采纳率: 50%
浏览 5.2k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

11条回答 默认 最新

  • qq2252498 2017-11-29 09:08
    已采纳

    图片说明

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

    点赞 评论
  • alltry 2017-11-29 08:44

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

    点赞 评论
  • weixin_41216974 2017-11-29 08:53

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

    点赞 评论
  • qq2252498 2017-11-29 08:55

    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: {},
    },

    点赞 评论
  • zllovexwq 2017-11-29 08:56

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

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

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

    点赞 评论
  • 行僧555 2017-11-29 09:10

    多数是图片路径错误吧

    点赞 评论
  • qq2252498 2017-11-29 09:10

    图片说明

    这里面。

    点赞 评论
  • con_knife 2019-01-25 16:29

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

    点赞 评论
  • 高鸡丝 2019-03-03 16:11

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

    点赞 评论
  • Yang11100 2020-01-09 15:52

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

    点赞 评论
  • 蜗牛259 2021-05-13 21:27

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

    点赞 评论

相关推荐 更多相似问题