You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

172 lines
3.2 KiB
Plaintext

2 years ago
page{
background-color: #fff;
}
.fullDialog{
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
z-index: 999;
background-color: rgba(0,0,0,.6);
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.ui-dialog {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
background: rgba(0, 0, 0, 0.4);
display: none;
}
.ui-dialog.show {
display: -webkit-box;
display: box;
}
.ui-dialog-hd {
height: 48px;
line-height: 48px;
text-align: center;
position: relative;
}
.ui-dialog-cnt {
width: 90%;
padding: 8px;
border-radius: 6px;
-webkit-background-clip: padding-box;
background-clip: padding-box;
pointer-events: auto;
background-color: rgba(253, 253, 253, 0.95);
position: relative;
font-size: 16px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
animation-name: layui-m-anim-scale;
-webkit-animation-name: layui-m-anim-scale;
}
@-webkit-keyframes layui-m-anim-scale {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes layui-m-anim-scale {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ui-dialog-bd {
min-height: 71px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 18px;
display: -webkit-box;
display: box;
-webkit-box-pack: center;
-webkit-box-align: center;
-webkit-box-orient: vertical;
}
.ui-dialog-bd>h4 {
margin-bottom: 4px;
width: 100%;
text-align: center;
}
.ui-dialog-bd>div, .ui-dialog-bd>ul {
width: 100%;
}
.ui-dialog-ft {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
display: -webkit-box;
width: 100%;
box-sizing: border-box;
-webkit-box-align: center;
border-top: 1rpx solid #e0e0e0;
}
.ui-dialog-ft button {
color: #00a0ff;
text-align: center;
width: 100%;
line-height: 50px;
background: transparent;
display: block;
border-radius: 0;
margin: 0 !important;
-webkit-box-flex: 1;
}
.ui-dialog-ft button::after {
border-radius: 0;
}
.ui-dialog-ft button:active {
background-color: rgba(0, 0, 0, 0.1) !important;
}
.ui-dialog-ft button:first-child {
border-bottom-left-radius: 6px;
}
.ui-dialog-ft button:last-child {
border-right: 0;
border-bottom-right-radius: 6px;
}
.ui-dialog-ft:before {
content: '';
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
transform-origin: left top;
}
.ui-dialog-ft button:before {
border-right: 1px solid #e0e0e0;
content: '';
display: block;
bottom: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: right top;
}