收藏
回答

swiper设置圆角在真机上不显示

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug swiper 客户端 iOS 6.6.7 2.1.0

在模拟器中的效果:


在真机上面的效果:


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

5 个回答

  • Eric Huang
    Eric Huang
    2018-09-25

    你好,这个看起来应该是webview渲染的bug,可以试一下在 border-radius 后面紧接着加一个 transform: translateY(0);  来暂时解决这个问题。

    2018-09-25
    赞同 6
    回复 3
    • 客星之尘
      客星之尘
      05-09

      挖 确实有效 bug 竟然还在

      05-09
      回复
    • 唐代兵的唐
      唐代兵的唐
      07-18
      .swiper{ width: 100%; height: 100%; border-radius: 20rpx; overflow: hidden; transform: translateY(0); }改了后可以了
      07-18
      1
      回复
    • 杭州弧途科技有限公司
      杭州弧途科技有限公司
      09-24
      亲测有效~,今天遇到这个坑了
      09-24
      回复
  • 娇华
    娇华
    2018-07-09

    你好,问题未复现,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-09
    赞同
    回复 4
    • 如果
      如果
      2018-07-10

      wechatide://minicode/NtolKNmw7ptC

      手机机型iphone6 系统11.4,微信版本6.7.0

      2018-07-10
      回复
    • 娇华
      娇华
      2018-07-10回复如果

      你好,可以把样式加在swiper-itew上可以实现圆角效果,反馈已收到,我们先确认下

      2018-07-10
      回复
    • 来自天堂的魔鬼
      来自天堂的魔鬼
      2018-07-24

      样式放在swiper-item上,滑动的时候圆角跟着动了,想要的不是这样的效果

      2018-07-24
      回复
    • 码上就好
      码上就好
      2018-09-04回复娇华

      还没修复么,还是设置不了圆角。。。

      2018-09-04
      回复
  • Ivy  姚艳梅
    Ivy 姚艳梅
    01-23

    在swiper上加overflow:hidden 和transform: translateY(0);,亲测有效

    01-23
    赞同 1
    回复 1
    • Zeplon
      Zeplon
      03-13

      这样确实是可以的,已解决这个问题

      03-13
      回复
  • 唐
    2018-12-11
    .wrap{
       -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    }

    拿走不谢

    2018-12-11
    赞同 1
    回复
  • Mz
    Mz
    2018-09-03

    我在swiper外层加了个view

    <view class='s'>
    <swiper>
    ....
    </swiper>
    </view>


    .s{

        border-radius:20rpx;

        overflow:hidden;

    }

    2018-09-03
    赞同
    回复 1
    • 小靓
      小靓
      01-02

      这个ios真机不行啊

      01-02
      回复