0

sass / compassを使用して、アプリのSenchatouchテーマをカスタマイズしようとしています。しかし、ボタンのアイコンを正しく設定する方法が見つかりませんでした。

@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;

デフォルトのアイコンの使用を無効/有効にしても、使用したアイコンは表示されません。

もう1つの問題は、上記のスタイルを使用すると、Ext.Msg.alertメッセージボックスのUIが失われ、ボタンのある透明なパネルのみが表示されることです。

誰かが私にいくつかのヒントを与えることができますか？

4

1 に答える 1

4

$include-default-uis: falseメッセージボックスが空白になる原因となっている場合、デフォルトのクラスを無効にする場合は、独自のcssクラスを作成する必要があります。

表示されていないアイコンについては、デフォルトのアイコンを無効にしていますが、特定のアイコンをいくつか含めています。scssファイルをコンパイルするときに画像が見つからないというエラーメッセージが表示されないと仮定すると、問題はボタンコードにある可能性があります。 ...ボタンにを設定する場合は、この構成でボタンを作成してみて、それが機能するかどうかもiconCls確認してください。iconMask: true

{ iconCls: 'settings', iconMask: true, ui: 'plain' }
于 2011-08-29T17:43:14.473 に答える