@import "../../base/fn";
|
|
.weui-dialog {
|
position: fixed;
|
z-index: 5000;
|
width: 80%;
|
max-width: 300px;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
|
background-color: @weuiDialogBackgroundColor;
|
text-align: center;
|
border-radius: 3px;
|
overflow: hidden;
|
}
|
.weui-dialog__hd {
|
padding: 1.3em @weuiDialogGapWidth .5em;
|
}
|
.weui-dialog__title {
|
font-weight: 400;
|
font-size: 18px;
|
}
|
.weui-dialog__bd {
|
padding: 0 @weuiDialogGapWidth .8em;
|
min-height: 40px;
|
font-size: 15px;
|
line-height: 1.3;
|
word-wrap: break-word;
|
word-break: break-all;
|
color: @weuiTextColorGray;
|
&:first-child{
|
padding:2.7em 20px 1.7em;
|
color:#353535;
|
}
|
}
|
.weui-dialog__ft {
|
position: relative;
|
line-height: 48px;
|
font-size: 18px;
|
display: flex;
|
&:after {
|
content: " ";
|
.setTopLine(@weuiDialogLineColor);
|
}
|
}
|
.weui-dialog__btn {
|
display: block;
|
flex: 1;
|
color: @weuiDialogLinkColor;
|
text-decoration: none;
|
.setTapColor();
|
&:active {
|
background-color: @weuiDialogLinkActiveBc;
|
}
|
|
position: relative;
|
&:after {
|
content: " ";
|
.setLeftLine(@weuiDialogLineColor);
|
}
|
&:first-child {
|
&:after {
|
display: none;
|
}
|
}
|
}
|
.weui-dialog__btn_default {
|
color: #353535;
|
}
|
.weui-dialog__btn_primary {
|
color: #0BB20C;
|
}
|
|
.weui-skin_android{
|
.weui-dialog {
|
text-align: left;
|
box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .1);
|
}
|
.weui-dialog__title{
|
font-size: 21px;
|
}
|
.weui-dialog__hd{
|
text-align: left;
|
}
|
.weui-dialog__bd{
|
color:@weuiTextColorGray;
|
padding:.25em @weuiDialogGapWidth 2em;
|
font-size: 17px;
|
text-align: left;
|
&:first-child{
|
padding:1.6em @weuiDialogGapWidth 2em;
|
color:#353535;
|
}
|
}
|
.weui-dialog__ft{
|
display: block;
|
text-align: right;
|
line-height: 42px;
|
font-size: 16px;
|
padding:0 @weuiDialogGapWidth .7em;
|
&:after{
|
display: none;
|
}
|
}
|
.weui-dialog__btn{
|
display: inline-block;
|
vertical-align: top;
|
padding:0 .8em;
|
&:after{
|
display: none;
|
}
|
|
&:active{
|
background-color: rgba(0,0,0,.06);
|
}
|
&:visited{
|
background-color: rgba(0,0,0,.06);
|
}
|
&:last-child{
|
margin-right: -.8em;
|
}
|
}
|
.weui-dialog__btn_default {
|
color: #808080;
|
}
|
}
|
|
@media screen and (min-width: 1024px) {
|
.weui-dialog {
|
width: 35%;
|
}
|
}
|
