Browse Source

BI-30745 使用js判断是否ie来兼容低版本ie

es6
Zhenfei.Li 6 years ago
parent
commit
2881c41cd8
  1. 14
      src/base/pane.js
  2. 6
      src/less/base/pane.less

14
src/base/pane.js

@ -74,22 +74,28 @@ BI.Pane = BI.inherit(BI.Widget, {
width: 5
}]
});
var loadingGif = BI.createWidget({
type: "bi.layout",
cls: "loading-background",
height: 30
});
var loadingEffect = (BI.isIE() && BI.getIEVersion() < 10) ? loadingGif : loadingAnimation;
if (o.overlap === true) {
if (!BI.Layers.has(this.getName())) {
BI.createWidget({
type: "bi.center_adapt",
type: "bi.absolute_center_adapt",
items: [{
el: loadingAnimation
el: loadingEffect
}],
element: BI.Layers.make(this.getName(), this)
});
}
BI.Layers.show(self.getName());
} else if (BI.isNull(this._loading)) {
this._loading = loadingAnimation;
this._loading = loadingEffect;
this._loading.element.css("zIndex", 1);
BI.createWidget({
type: "bi.absolute",
type: "bi.absolute_center_adapt",
element: this,
items: [{
el: this._loading,

6
src/less/base/pane.less

@ -5,15 +5,15 @@
}
.bi-loading-widget {
&>div {
div {
.background-color(@background-color-highlight, 90%);
.border-radius(2.5px);
.animation(loading-widget 0.8s infinite linear);
}
& .rect2 {
.rect2 {
.animation-delay(-0.2s);
}
& .rect3 {
.rect3 {
.animation-delay(-0.4s);
}
.keyframes (loading-widget, {

Loading…
Cancel
Save