收藏
回答

swiper 轮播图圆角滑动变会变成直角然后再回到圆角

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 swiper 客户端 最新 最新

你好,我用swiper 实现轮播图 swiper圆角 图片滑动的时候会先变成直角然后变成圆角,怎么解决?

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

4 个回答

  • Kevan
    Kevan
    2018-11-28

    给swiper外层套一个view设置border-radius和overflow:hidden应该就可以了

    2018-11-28
    赞同 1
    回复 7
    • 我的我
      我的我
      2018-11-28

      你是这样做的?确定没问题?

      2018-11-28
      回复
    • Rose
      Rose
      2018-11-28

      有问题,我试过了

      2018-11-28
      回复
    • Kevan
      Kevan
      2018-11-28回复我的我

      这应该没问题吧

      2018-11-28
      回复
    • 我的我
      我的我
      2018-11-28回复Kevan

      为啥你的可以,我之前也是这样写的。不行,还是谢谢,有机会我再试试

      2018-11-28
      回复
    • Kevan
      Kevan
      2018-11-28回复我的我

      每一层我都设置了同样的border-radius大小

      2018-11-28
      回复
    查看更多(2)
  • w
    w
    04-10

    刚好看到,写一个自己的解决方法给大家参考。


    <!-- { start -->
     
    <view class="控制阴影">
        <view style="border-radius: 16rpx;overflow: hidden;">
            <swiper>...</swiper>
        </view>
    </view>
      
    <!-- end } -->


    真机没有圆角参考:

    https://developers.weixin.qq.com/community/develop/doc/00026658428810dd8c07c062556400

    04-10
    赞同 1
    回复
  • 🚗🚕🚙🚌🚎🚒🚐🚚
    🚗🚕🚙🚌🚎🚒🚐🚚
    2018-09-19

    ?怎么解决还是怎么实现

    2018-09-19
    赞同
    回复 8
    • 我的我
      我的我
      2018-09-19



      swiper 轮播滑动的时候圆角变直角了,滑动玩,就好了,

      2018-09-19
      回复
    • 🚗🚕🚙🚌🚎🚒🚐🚚
      🚗🚕🚙🚌🚎🚒🚐🚚
      2018-09-19回复我的我

      这个应该是css的问题吧,检查一下,没遇到过

      2018-09-19
      回复
    • Miss.TJP 🍂
      Miss.TJP 🍂
      2018-11-19回复我的我

      请问楼主解决了吗 我现在也碰到了这个问题

      2018-11-19
      回复
    • 我的我
      我的我
      2018-11-19回复Miss.TJP 🍂

      我看有人说在 swiper-item里面修改圆角,但是我的还是不行。

      2018-11-19
      回复
    • Miss.TJP 🍂
      Miss.TJP 🍂
      2018-11-19回复我的我

      我也是 每一层都加了圆角 还是不行 ios跟安卓两端都不可以

      2018-11-19
      回复
    查看更多(3)
  • 逆袭LWJ
    逆袭LWJ
    2018-09-21

    lz解决了吗?我也在烦恼这个问题中

    2018-09-21
    赞同
    回复 1
    • 我的我
      我的我
      2018-09-21

      没有,换个方式

      2018-09-21
      回复