blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/common/style/var.less
View File

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

22
packages/popup/index.less
View File

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