<view class="r">
<view class="c">
<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000" indicator-active-color="white">
</swiper>
</view>
</view>
样式:
.r {
position: relative;
width: 100%;
z-index: 1;
height: 400rpx;
background: white;
overflow: hidden;
}
.c {
margin-top: -4600rpx;
margin-left: -2125rpx;
width: 5000rpx;
height: 5000rpx;
border-radius: 2500rpx;
background: #87ceeb;
z-index: 2;
position: absolute;
display: flex;
justify-content: center;
align-items: flex-end;
overflow: hidden;
}
其中r是一个矩形,c是里面的圆形,通过将c在r底部居中来获得弧形。4月份的时候真机与模拟器都是正常的,但是最近真机上的弧形最近突然出现锯齿。
拟器:
真机:
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)