要实现这样的底部弧度背景,可以使用::after
<view class="home-top"></view>
css:
.home-top{
z-index: 9;
position: relative;
&::after{
content: '';
width: 140%;
height: 480rpx;
position: absolute;
top: 0;
left: -20%;
z-index: -1;
border-radius: 0 0 50% 50%;
background: linear-gradient(180deg, #F41D19 0%, #FD592A 100%);
}
}
就完成了