如何在sencha touch中更改BadgeText的大小

Question

我尝试过badgeRs，但它不影响徽章文本，徽章文字显示在我的按钮旁边

Answer 1

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

Example fiddle

使用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;
}