收藏
回答

轮播失效

问题模块 框架类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 swiper 工具 6.6.5 1.9.91



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

}





最后一次编辑于  2018-03-15  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答