Sencha 터치 테마 : 버튼 아이콘을 사용자 정의하는 방법?

Question

sass/compass를 사용하여 내 앱의 Sencha 터치 테마를 사용자 정의하려고합니다. 그러나 버튼 아이콘을 제대로 설정하는 방법을 찾지 못했습니다.

@import '../resources/themes/stylesheets/sencha-touch/default/_all'; 
$include-default-uis: false; 
$include-default-icons: false; 
@include sencha-toolbar-ui('basebar',#CEDFF5,'glossy'); 
@include sencha-toolbar-ui('btmbase',#FFFFFF,'glossy'); 
@include sencha-button-ui('base',#FFFFFF,''); 
@include pictos-iconmask('settings'); 
@include pictos-iconmask('features'); 
@include pictos-iconmask('layer'); 
@include pictos-iconmask('identify'); 
@include pictos-iconmask('location'); 
$base_color:#CEDFF5; 
$active-color: darken(saturate($base-color, 55%), 90%); 
$alert-color:#54E344; 
$button-radius:0; 
$list-active-color:#E34457; 
$list-pressed-color:#4457E3; 
@include sencha-panel; 
@include sencha-form; 
@include sencha-buttons; 
@include sencha-toolbar; 
@include sencha-list; 
@include sencha-layout; 
@include sencha-msgbox; 

기본 아이콘의 사용을 사용 또는 사용 중지하지 않아도 사용했던 아이콘은 여전히 ​​출력되지 않습니다.

위의 스타일을 사용하면 Ext.Msg.alert 메시지 상자의 UI가 손실되고 버튼이있는 투명한 패널 만 표시된다는 또 다른 문제가 있습니다.

아무도 나에게 약간의 힌트를 줄 수 있습니까?

Answer 1

$include-default-uis: false 메시지 상자가 비어있는 경우, 기본 상자를 사용하지 않으려면 고유 한 CSS 클래스를 만들어야합니다.

아이콘이 표시되지 않는 경우 기본값을 사용하지 않지만 일부 정보는 포함합니다. scss 파일을 컴파일 할 때 이미지를 찾지 못한다는 오류 메시지가 표시되지 않는다고 가정하면 문제가있을 수 있습니다. 당신의 버튼 코드 ... 답장을 보내

{ iconCls: 'settings', iconMask: true, ui: 'plain' }