Browse Source

QFX-3089 feat:气泡弹窗加上阴影,ie9+没有产生偏移

es6
Guyi 4 years ago
parent
commit
d5f60b8476
  1. 5
      src/less/base/combo/popup.bubble.less
  2. 6
      src/less/visual.less

5
src/less/base/combo/popup.bubble.less

@ -1,6 +1,9 @@
@import "../../index"; @import "../../index";
// ie下造成popup向下偏移
.bi-bubble-popup-view { .bi-bubble-popup-view {
.box-shadows(0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12));
&.bi-popup-view .list-view-shadow {
.box-shadow(none);
}
} }

6
src/less/visual.less

@ -28,6 +28,12 @@
-moz-box-shadow: @arguments; -moz-box-shadow: @arguments;
} }
.box-shadows(@shadow1, @shadow2, @shadow3) {
box-shadow: @shadow1, @shadow2, @shadow3;
-webkit-box-shadow: @shadow1, @shadow2, @shadow3;
-moz-box-shadow: @shadow1, @shadow2, @shadow3;
}
.background-color(@color, @alpha) { .background-color(@color, @alpha) {
background-color: fade(@color, @alpha); background-color: fade(@color, @alpha);
@ieColor: argb(fade(@color, @alpha)); @ieColor: argb(fade(@color, @alpha));

Loading…
Cancel
Save