index.wxml
<div class="box_1"> <div class="text">首页</div> <div class="text">首页</div> <div class="text">首页</div> <div class="text">首页</div> </div>
index.wxss
.box_1 {
width: 375px;
height: 100px;
background-image: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0) 15%, green 10%);
display: flex;
align-items: center;
justify-content: space-between;
}
.text {
color: #fff;
padding: 0 25px;
margin-top: 40px;
}