Extjs 如何更改sencha touch中文本的大小

Extjs 如何更改sencha touch中文本的大小,extjs,size,badge,Extjs,Size,Badge,我尝试过badgeCls,但它不会影响badgetext,badge text会在我的按钮旁边显示。用javascript添加类是不够的,还必须添加CSS规则。您或多或少都希望将SASS与Sencha Cmd一起使用,但您可以使用原始CSS来掌握概念 Javascript: Ext.application({ name: 'Fiddle', launch: function() { Ext.Viewport.add({ xtype: 'c

我尝试过badgeCls,但它不会影响badgetext,badge text会在我的按钮旁边显示。

用javascript添加类是不够的,还必须添加CSS规则。您或多或少都希望将SASS与Sencha Cmd一起使用,但您可以使用原始CSS来掌握概念

Javascript:

Ext.application({
    name: 'Fiddle',

    launch: function() {
        Ext.Viewport.add({
            xtype: 'container',
            padding: 10,
            defaultType: 'button',
            items: [{
                text: "Button",
                badgeText: "Foo",
                badgeCls: 'x-badge big-text'
            },{
                text: "Button",
                badgeText: "Foo",
                badgeCls: 'x-badge big-badge'
            }]
        });
    }
});
CSS:

.x-badge.big-text {
    font-size: 20px;
}

.x-badge.big-badge {
    width: 60px;
    height: 30px;
}