view下有swiper切圆角在模拟器有效,真机无效
发布于 5 年前 作者 xiaxiong 757 次浏览 来自 问答

wxml:

<view style='{{styles}}' class='back'>
  <swiper indicator-dots='true'
          indicator-color='#F0F0F0'
          indicator-active-color='#ffffff'
          autoplay='true'
          circular='true'
          style='width: 100%; height: 100%'>
    <block wx:for="{{imgUrls}}">
      <swiper-item>
        <image src='{{item.imgUrl}}' style='width: 100%; height: 100%' bindtap='_onClick'></image>
      </swiper-item>
    </block>
  </swiper>
</view>

wxss:

.back {
  border-radius: 8px;
  overflow: hidden;
}

- 当前 Bug 的表现(可附上截图)

模拟器显示有圆角

手机显示无圆角

  • 预期表现

手机也可以显示圆角

  • 复现路径
  • 提供一个最简复现 Demo
回到顶部