被遗忘的角落
被遗忘的角落
  • 发布:2018-09-29 18:41
  • 更新:2018-09-29 18:57
  • 阅读:8831

【已解决】【uni-app】轮播组件swiper在小程序中正常,打包apk后就失效

分类:uni-app

以下是小程序中



以下是打包apk后

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目录下。

2018-09-29 18:41 负责人:无 分享
已邀请:
Trust

Trust - 少说废话

  • 确认下HBuilderX是否为最新的0918版,如果不是请升级。
  • 有问题的 apk 发上来
  • 被遗忘的角落 (作者)

    下载地址https://service.dcloud.net.cn/build/download/03789ba0-c3d1-11e8-a32b-bb6fdcd8000a

    2018-09-29 18:54

  • 被遗忘的角落 (作者)

    问题解决了

    2018-09-30 22:49

被遗忘的角落

被遗忘的角落 (作者)

版本是最新的
https://service.dcloud.net.cn/build/download/03789ba0-c3d1-11e8-a32b-bb6fdcd8000a

该问题目前已经被锁定, 无法添加新回复