javascript - ExtJs 6.5.2 现代 - 删除负载掩码消息

Question

我正在使用loadmask该html属性包含所有加载内容。我面临的问题是，即使message属性的值是空字符串，也会message在生成的内容中分配空间，loadmask例如我的 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' 
               });
           }
       }
    });
}
});

我怎样才能删除或使该空间透明？Modern Toolkit 没有该useMsg属性。

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

Answer 1

我猜煎茶开发人员从未想过消息字段会变空的情况。

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

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