我想用动画 GIF 代替标准 dijit.ContentPane loadingMessage,而不是默认的“正在加载...”消息。
根据文档,默认消息是:
<span class='dijitContentPaneLoading'>${loadingState}</span>
所以我用以下内容覆盖了CSS:
.dijitContentPaneLoading {
background-image: url('../images/loading.gif');
background-repeat: no-repeat;
background-position: center center;
}
当 ContentPane 加载时,我可以看到 GIF 和“正在加载...”消息,但问题是因为它只是一个<span>
我似乎无法让它占据整个窗格并居中,而是它坐在左上角并且不显示整个加载图形。我不想loadingMessage
用代码覆盖每个,特别是我更喜欢使用声明模式。
是否有一些更简单的方法(希望通过 CSS)让加载图像在窗格中居中?