模拟器:
真机:
<view class="r">
<view class="c">
<swiper indicator-dots="true" autoplay="true" interval="3000" duration="1000" indicator-active-color="white">
<block wx:for="{{imgUrls}}" wx:key="imgUrls">
<swiper-item>
<image src="{{item}}" mode="scaleToFill" />
</swiper-item>
</block>
</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底部居中来获得弧形。但是真机上的弧形最近突然出现锯齿,该怎么解决呢,或者有什么其他方法获得弧形吗?
真机设备信息:
用图片吧
--↓↓👍点击“有用”是回答的动力哦