css - Sencha Touch 的 loadmask 自定义

Question

Sencha Touch 加载掩码示例:here

有没有什么方法可以在不需要创建新属性的情况下自定义加载掩码属性？我想增加深灰色框的大小(我认为它是内部掩码，对吗？)因为我想使用 html 使负载掩码看起来更好。但是对于尺寸如此之大的盒子，您几乎无法做些什么来使负载 mask 看起来更好。

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

我如何设置深灰色框的大小？我尝试使用高度和宽度，但那个修改了整个加载掩码的大小，而不是较深的灰色框区域。

Answer 1

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

解决方案一

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

CSS

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

它可以工作，但请注意它会增加字体大小。

方案二

CSS

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

它也可以工作，但它会覆盖现有样式。