以下是小程序中
以下是打包apk后
以下是安卓模拟器的运行日志
以下是首页轮播图代码
<!-- 轮播图 -->
<view class="part2">
<swiper class="banner-box" indicator-dots autoplay
indicator-active-color="#169bd5" circular
:interval="5000" :duration="300" indicator-color="rgba(0,0,0,.3)">
<swiper-item v-for="(item, index) in bannerList" :key="index">
<image class="banner-image" :src="item.img"
mode="aspectFill" lazy-load></image>
</swiper-item>
</swiper>
</view>
/* 轮播图 */
.part2{
width: 100%;
height: 360px;
border-bottom: 20px solid #f9f9f9;
overflow: hidden;
position: relative;
}
.part2:after{
content: " ";
height: 20px;
border-radius: 50%;
background: #f9f9f9;
position: absolute;
bottom: -10px;
left: -20px;
right: -20px;
}
.banner-box{
width: 100%;
height: 100%;
}
.banner-image{
width: 100%;
height: 100%;
}
问题更新(2018-09-30 16:53):
如下,不用v-for,而是写死,那么在安卓模拟器中就没有问题
<!-- 轮播图 -->
<view class="part2">
<swiper class="banner-box" indicator-dots autoplay
indicator-active-color="#169bd5" circular
:interval="5000" :duration="300" indicator-color="rgba(0,0,0,.3)">
<swiper-item>
<image src="xxx" class="banner-image" mode="aspectFill" lazy-load></image>
</swiper-item>
<swiper-item>
<image src="xxx" class="banner-image" mode="aspectFill" lazy-load></image>
</swiper-item>
<swiper-item>
<image src="xxx" class="banner-image" mode="aspectFill" lazy-load></image>
</swiper-item>
<swiper-item>
<image src="xxx" class="banner-image" mode="aspectFill" lazy-load></image>
</swiper-item>
</swiper>
</view>
问题已解决(2018-09-30 22:43):
问题已解决(2018-09-30 22:43):
问题已解决(2018-09-30 22:43):
造成这个问题的原因是: 我在static目录下放置了js,不论这个js是否被页面引用,都会报错,使得template中不能获得js中的值或者方法。 解决方法: 将js放到pages、components目录下。
被遗忘的角落 (作者)
下载地址https://service.dcloud.net.cn/build/download/03789ba0-c3d1-11e8-a32b-bb6fdcd8000a
2018-09-29 18:54
被遗忘的角落 (作者)
问题解决了
2018-09-30 22:49