ExtJs 6.5.2 modern - 删除加载掩码消息

Question

我正在使用 loadmask，html 属性包含所有加载内容。我面临的问题是，即使 message 属性的值是一个空字符串，message 在 loadmask 内部分配 space 产生类似在我的 html 消息左侧划线。

（将下面的代码添加到 Sencha Fiddle）

Ext.application({
name : 'Fiddle',

launch : function() {
    Ext.create({
       xtype: 'panel',
       fullscreen: true,
       html: '<h1>Hello World !!!</h1>',
       listeners: {
           painted: function (panel) {
               panel.mask({
                    xtype: 'loadmask',
                    html: '<div align="center"><h3>Loading Mask</h3>' + 
                    '<p>i am loading...</p></div>',
                    message: '', //empty message holds its opacity
                    indicator: false,
                    style: 'background:#d7ecfd' 
               });
           }
       }
    });
}
});

如何删除 space 或使其透明？ Modern Toolkit 没有 useMsg 属性.

我试过在 messageCls 设置背景属性 (background: transparent) 但没有任何反应。

Answer 1

我猜 sencha 开发者从来没有想过消息字段会变空的场景。

但是您可以通过在 html 中添加以下样式来更正它。

<style>.x-mask-inner{background:rgba(0, 0, 0, 0) !important}</style>

ExtJs 6.5.2 modern - 删除加载掩码消息

ExtJs 6.5.2 modern - Remove loadmask message

javascript

panel

extjs6-modern