解决方法:
只需要再写一个类名(例如 btn),.btn:not([size='mini])
样式来覆盖默认的button样式width
即可
一般常用样式
.btn:not([size='mini']){
width: 572rpx; //自定义宽度
height: 84rpx; //自定义高度
border: 1px solid #4ABAF0;
border-radius: 12rpx;
font-size: 28rpx;
//此处一般设置button中的文本样式水平垂直居中
display: flex;
justify-content: center;
align-items: center;
color: #4ABAF0;
//button里面还可以添加图片
.img1{
width: 28rpx;
height: 28rpx;
line-height: 84rpx;
margin-right: 12rpx;
}
}
效果如图: