beefast-mini-deliveryman/components/modalView/index.wxss
2025-02-27 22:15:09 +08:00

55 lines
1.0 KiB
Plaintext

.custom-modal-view{
border-radius: 20px;
}
.custom-modal-view .title{
font-size: 34rpx;
font-weight: 500;
line-height: 50rpx;
padding:0 20rpx;
}
.custom-modal-view .title.center{
text-align: center;
}
.modal-view-main{
border-radius: 24rpx;
background-color: #fff;
padding:32rpx;
}
.custom-modal-view .textarea{
border: 1.2px solid rgba(85, 85, 85, 0.3);
border-radius: 18px;
margin:30rpx 0;
padding:24rpx 20rpx;
font-size: 34rpx;
width:100%;
box-sizing: border-box;
line-height:50rpx;
height: 214rpx;
}
.custom-modal-view .textarea.error{
border-color:red;
}
.modal-view-main .btns{
margin-top:32rpx;
display: flex;
gap: 18rpx;
}
.modal-view-main .btns .button{
flex:1;
font-size: 16px;
padding:16px;
line-height: 1;
font-weight: 500;
border-width: 2rpx;/* 边框显示不完整 bug */
}
.modal-view-main .btns .button.cancel{
border-color:rgba(153, 153, 153, 0.5);
background-color: rgba(153, 153, 153, 0.1);
color:var(--main-font-color);
}
.modal-view-main .btns .button.confirm{
font-weight: bold;
}