[new feature] Popup: add round prop (#3781)

This commit is contained in:
neverland
2019-07-09 10:45:10 +08:00
committed by GitHub
parent 4b829ea7dd
commit 6bc836beab
9 changed files with 97 additions and 10 deletions
+20
View File
@@ -17,30 +17,50 @@
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
&.van-popup--round {
border-radius: @popup-round-border-radius;
}
}
&--top {
top: 0;
left: 0;
width: 100%;
&.van-popup--round {
border-radius: 0 0 @popup-round-border-radius @popup-round-border-radius;
}
}
&--right {
top: 50%;
right: 0;
transform: translate3d(0, -50%, 0);
&.van-popup--round {
border-radius: @popup-round-border-radius 0 0 @popup-round-border-radius;
}
}
&--bottom {
bottom: 0;
left: 0;
width: 100%;
&.van-popup--round {
border-radius: @popup-round-border-radius @popup-round-border-radius 0 0;
}
}
&--left {
top: 50%;
left: 0;
transform: translate3d(0, -50%, 0);
&.van-popup--round {
border-radius: 0 @popup-round-border-radius @popup-round-border-radius 0;
}
}
&-slide-top-enter,