轮播失效
发布于 6 年前 作者 pshi 4279 次浏览 来自 问答

你想反馈一个 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%;

}

回到顶部