⼩程序之修改button形状⼤⼩样式先上效果图:
wxml:
<view class="box">
<button class="item" plain>1</button>
<button class="item" plain>2</button>
<button class="item" plain>3</button>
<button class="item" plain>4</button>
</view>
wxss:
.box{
display: flex;
width: 100%;
height: 100%;
flex-wrap: wrap;
justify-content: space-around;
align-content: center;
margin-top: 200rpx;
}
.box .item{
display: flex;
flex-direction: column;
width: 320rpx;
height: 320rpx;
改变button按钮的形状
border-radius: 70rpx;
background-color: rgb(186, 218, 23);  justify-content: center;
align-items: center;
margin-bottom: 40rpx;
}
希望对你有所帮助~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。