代码之家 › 专栏 › 技术社区 › Kitson

一般替换dijit ContentPane的加载消息

dijit.layout dojo css

Kitson · 技术社区 · 15 年前

根据文档,默认消息为:

<span class='dijitContentPaneLoading'>${loadingState}</span>

因此,我用以下内容覆盖了CSS:

.dijitContentPaneLoading {
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

<span> 我似乎无法让它占据整个窗格并居中,相反,它位于左上角,不显示整个加载图形。我不想覆盖每一个 loadingMessage 对于代码,尤其是我更喜欢使用声明模式。

是否有更简单的方法(希望通过CSS)使加载的图像在窗格中居中?

1 回复 | 直到 15 年前

Bill Keese 15 年前

.dijitContentPaneLoading {
    display: block;
    position: relative;
    top: 40%;
    background-image: url('../images/loading.gif');
}

(还要确保ContentPane本身具有位置:相对或位置:绝对)

当然,窗格需要有一个固定的高度。如果它只是一个普通的ContentPane,可以扩展以适应其内容,那么浏览器在加载完成之前不会知道高度,因此不可能将加载消息垂直居中。

推荐文章

Onsokumaru · Dojo:第二次放置同一个dom节点在IE11上不起作用

7 年前

Jeremy Swagger · 返回值Jasmine的延迟对象

7 年前

NIV · dojo中源和目标之间的差异

7 年前

CommittedEel · 使用dojo淡入/淡出文本和循环

7 年前

kenbuja · 将项目添加到Dojo Select dijit的顶部,但无法选择第二个项目

7 年前

nanj · Dojo工具包-如何使用按钮更改表列的颜色?

7 年前

STEEL · chrome.runtime.onMessage。内容脚本中未定义addListener

7 年前

NealWalters · Dojo themePreviewer卡在“加载…”

7 年前

S.Lishanth · 在增强的网格视图上应用自定义排序时,使用dojo将类添加到现有类中

7 年前

Gena · PopupMenuBarItem中的项目对齐

8 年前