1***@qq.com
1***@qq.com
  • 发布:2019-10-22 12:41
  • 更新:2024-09-09 15:57
  • 阅读:2628

swiper 左右滑动到底出现白色区域

分类:uni-app

如图,如果滑动到最右侧,继续滑动切换会出现白色区域(不使用衔接)。这样体验很不好,
官方能不能让 切换到最左或最右,不出现白色区域吗?

非常感谢!

2019-10-22 12:41 负责人:无 分享
已邀请:
wuwuwu

wuwuwu - 12345

官方不管的

菜鸡小毛

菜鸡小毛

可以设置swiper的resistanceRatio为0,最左和最右的滑动回弹效果就会取消

官方文档:
https://www.swiper.com.cn/api/touch/205.html

hdd头子旧

hdd头子旧

您好,请问您解决中国问题了嘛

2***@qq.com

2***@qq.com

您好,请问您解决问题了嘛

applida_tj

applida_tj - applida

折腾了几个小时,微信开发工具显示没有问题,手机显示有问题,最后排查,图片的mode="scaleToFill",这样设置,让图片铺满就不会有白边了。
===========代码参考====================

<template>  
    <view>  
        <swiper :style="{'height':height,'width':'100%'}" circular indicator-dots autoplay>  
            <swiper-item v-for=" item in list" :key="item.id">  
                <view :style="{'height':height,'display':'block','lineHeight':height,'textAlign':'center'}"  
                    @click="onClick(item)">  
                    <image :src="`${baseUrl}/image/info/download/${item.imageId}`" :style="{'height':height,width:'100%'}"  
                        mode="scaleToFill">  
                    </image>  
                </view>  
            </swiper-item>  
        </swiper>  
    </view>  
</template>

要回复问题请先登录注册