你想反馈一个 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属性将文本隐藏轮播也会失效;{{imgUrls]}也会使轮播失效
经测试,轮播页面代码和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%;
}