swiper组件 圆角样式无效

2018-4-19 16:48
1060
本帖最后由 wx_rL47fZ73 于 2018-4-19 16:50 编辑

本地调试显示正常
QQ图片20180419164531.png
手机调试圆角效果无效(iphone6sp 、小米6)
微信图片_20180419164650.jpg 微信图片_20180419164654.jpg
[HTML] 纯文本查看 复制代码
<swiper class="swiper">
  <swiper-item class="item" wx:for="{{4}}"></swiper-item>
</swiper>


[CSS] 纯文本查看 复制代码
.swiper {
  overflow: hidden;
  width: 500rpx;
  height: 500rpx;
  margin: 100rpx auto;
  border: 10rpx solid #000;
  border-radius: 50rpx;
}

.swiper .item:nth-child(1) {
  background-color: red;
}
.swiper .item:nth-child(2) {
  background-color: green;
}
.swiper .item:nth-child(3) {
  background-color: yellow;
}
.swiper .item:nth-child(4) {
  background-color: blue;
}



分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 朕要注册

本版积分规则

wx_rL47fZ73

小程序菜鸟

积分: 20 帖子: 1 精华: 0

楼主热帖

51小程序开发

QQ|手机版|51小程序 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部