feat(Popup): Popup 组件样式调整 (#2237)

This commit is contained in:
Lindy 2019-11-01 14:51:43 +08:00 committed by neverland
parent 321ccf0c86
commit 573c1a7120
2 changed files with 6 additions and 17 deletions

View File

@ -228,6 +228,7 @@
@panel-footer-padding: @padding-xs @padding-md;
// Popup
@popup-background-color: @white;
@popup-round-border-radius: 20px;
@popup-close-icon-size: 18px;
@popup-close-icon-color: @gray-dark;

View File

@ -9,7 +9,7 @@
transition-timing-function: ease;
animation: ease both;
-webkit-overflow-scrolling: touch;
.theme(background-color, '@white');
.theme(background-color, '@popup-background-color');
&--center {
top: 50%;
@ -27,10 +27,7 @@
width: 100%;
&.van-popup--round {
.theme(
border-radius,
'0 0 @popup-round-border-radius @popup-round-border-radius'
);
.theme(border-radius, '0 0 @popup-round-border-radius @popup-round-border-radius');
}
}
@ -40,10 +37,7 @@
transform: translate3d(0, -50%, 0);
&.van-popup--round {
.theme(
border-radius,
'@popup-round-border-radius 0 0 @popup-round-border-radius'
);
.theme(border-radius, '@popup-round-border-radius 0 0 @popup-round-border-radius');
}
}
@ -53,10 +47,7 @@
width: 100%;
&.van-popup--round {
.theme(
border-radius,
'@popup-round-border-radius @popup-round-border-radius 0 0'
);
.theme(border-radius, '@popup-round-border-radius @popup-round-border-radius 0 0');
}
}
@ -66,10 +57,7 @@
transform: translate3d(0, -50%, 0);
&.van-popup--round {
.theme(
border-radius,
'0 @popup-round-border-radius @popup-round-border-radius 0'
);
.theme(border-radius, '0 @popup-round-border-radius @popup-round-border-radius 0');
}
}