收藏
回答

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

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

在模拟器中的效果:


在真机上面的效果:


回答关注问题邀请回答
收藏

6 个回答

  • 小程序技术专员-Eric
    小程序技术专员-Eric
    2018-09-25

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

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

      挖 确实有效 bug 竟然还在

      2019-05-09
      回复
    • 追星逐月
      追星逐月
      2019-07-18
      .swiper{ width: 100%; height: 100%; border-radius: 20rpx; overflow: hidden; transform: translateY(0); }改了后可以了
      2019-07-18
      1
      回复
    • 杭州弧途科技有限公司
      杭州弧途科技有限公司
      2019-09-24
      亲测有效~,今天遇到这个坑了
      2019-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
    2019-01-23

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

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

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

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

    拿走不谢

    2018-12-11
    赞同 1
    回复
  • 拾柒💫
    拾柒💫
    2019-11-06

    遇到了同样的问题 ios可以 安卓的不可以按照,在swiper上加overflow:hidden 和transform: translateY(0);在真机上轮播图的圆角只有下面圆角生效, IOS的没问题,开发者工具上也没问题,各位大佬有什么好的办法么?

    2019-11-06
    赞同
    回复
  • Mz
    Mz
    2018-09-03

    我在swiper外层加了个view

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


    .s{

        border-radius:20rpx;

        overflow:hidden;

    }

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

      这个ios真机不行啊

      2019-01-02
      回复
登录 后发表内容