방법 엽차 터치

Question

내가 badgeCls의 시도 해 봤나에서 BadgeText의 크기를 변경할 수 있지만,이 badgetext에 영향을 나던, 배지 텍스트가 자바 스크립트 클래스를 추가 내 버튼

Answer 1

에 측면을 따라 도시가 충분하지 않습니다 CSS 규칙도 추가해야합니다.

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 : 당신은

Example fiddle

자바 스크립트 ... 더 많거나 적은 센차 Cmd를 함께 SASS를 사용할 것으로 예상하고 있지만 개념에 그립을 얻을 원시 CSS로 갈 수있다 :

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

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