4706关注14259浏览
你想反馈一个 Bug 还是 提一个需求?
bug
* Bug 表现是什么?预期表现是什么?
轮播失效且不展示内容,需在
开发工具版本: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的
经测试,首页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%;
}
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>