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

我想sencha devs从未想过消息字段会变空的场景。

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

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

ExtJs 6.5.2 modern - 删除loadmask消息

1 个答案: