chache/pages/alert/index.wxss
2024-01-22 18:48:00 +08:00

82 lines
1.6 KiB
Plaintext

.wx-alert-mask {
background: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
.wx-alert-dialog {
background-color: #fff;
border-radius: 3px;
left: 50%;
max-width: 600rpx;
overflow: hidden;
position: fixed;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
z-index: 5000;
}
.wx-alert-dialog-title {
font-size: 18px;
padding: 15px 15px 5px;
}
.wx-alert-dialog-content {
word-wrap: break-word;
color: #999;
font-size: 16px;
line-height: 1.3;
min-height: 40px;
padding: 15px 15px 5px;
word-break: break-all;
}
.wx-alert-dialog-footer {
align-items: center;
display: -webkit-flex;
display: flex;
font-size: 17px;
line-height: 45px;
position: relative;
}
.wx-alert-dialog-footer::before {
border-top: 1px solid #d5d5d6;
color: #d5d5d6;
content: "";
height: 1px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleY(0.5);
transform-origin: 0 0;
}
.wx-alert-dialog-btn {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border: 0rpx;
display: block;
flex: 1;
position: relative;
}
.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(1) {
color: #353535;
}
.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2) {
color: #3cc51f;
}
.wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2):after {
border-left: 1px solid #d5d5d6;
bottom: 0;
color: #d5d5d6;
content: " ";
left: 0;
position: absolute;
top: 0;
transform: scaleX(0.5);
transform-origin: 0 0;
width: 1px;
}