小程序轮播失效

4706关注14259浏览



你想反馈一个 Bug 还是 提一个需求?


bug


* Bug 表现是什么?预期表现是什么?

轮播失效且不展示内容,需在标签外配置一个标签展示轮播用url才能使轮播展示内容


开发工具版本:1.02.1803130/1.02.1802270


小程序demo首页配置轮播,代码如下:

<view class='autoPlayContainer'>

<swiper class="swiper" indicator-dots="true" autoplay="true" interval="1000" duration="1000">    

<block wx:for="{{imgUrls}}" wx:key="swiperTest">

<swiper-item>    

<image src="{{item}}" class="slide-image"/>    

swiper-item>    

block>    

swiper>

view>


问题:轮播不展示任何内容;

经测试,在.autoPlayContainer的内以任意标签或直接展示{{imgUrls}}轮播就能生效,但是使用hidden属性将文本隐藏轮播也会失效;

经测试,轮播页面代码和js放在另一个页面,由首页跳转过去,能正常生效;

经测试,首页onLoad时console,.log(this.data.imgUrls)能正常获取url列表;


js部分:



//index.js

//获取应用实例

const app = getApp()


Page({

data: {

imgUrls:

[

'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521091299345&di=3885e6ae5c93f04a4f3e4be2c77162af&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F120727%2F201995-120HG1030762.jpg',

'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521091693320&di=8cd9c7471aff195caf44e4db33a71714&imgtype=0&src=http%3A%2F%2Fwww.taopic.com%2Fuploads%2Fallimg%2F140421%2F318743-140421213T910.jpg',

'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1521091710964&di=a76f5f157e99dedc34dfb642c6dbb94c&imgtype=0&src=http%3A%2F%2Fimg3.redocn.com%2Ftupian%2F20150312%2Fhaixinghezhenzhubeikeshiliangbeijing_3937174.jpg'

]

}

})


css部分:


/* 清空外边距,边框和内边距 */

view{

margin: 0px;

padding: 0px;

}

/* 最外层容器 */

.container{

width: 100%;

}





展开全部
收起
0回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部