Sencha Touch的loadmask定制

Question

Sencha Touch加载掩码示例：here

有没有办法自定义loadmask属性而无需创建新属性？我想增加更暗的灰色框的大小（我认为它的内部面具对吗？）因为我想使用html使loadmask看起来更好。但是对于具有这样大小的盒子，你可以采取一些措施来使加载掩码看起来更好。

masked: {
          xtype: 'loadmask',
          message: 'Now Loading..',
        }

如何设置较暗的灰盒尺寸？我尝试了高度和宽度，但是那个修改了整个loadmask大小，而不是更暗的灰色框区域。

Answer 1

我尝试了一些，这是结果。

解决方案1 ​​

{
   xtype: 'loadmask',
   id : 'testMask',
   message: 'Now Loading..'
}

CSS

div#testMask{
    font-size: 20.95px;
}

它正在运行，但请注意它会增加字体大小。

解决方案2

CSS

.x-mask .x-loading-spinner-outer {
    min-width: 20.5em !important;
    height: 19.5em !important;
}

它也有效，但它会覆盖现有的风格。