[英]Sencha touch theme: how to customize button icon?
我正在嘗試使用sass / compass為我的應用程序自定義Sencha touch主題。 但是,我找不到正確設置按鈕圖標的方法。
@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,僅顯示帶有按鈕的透明面板。
有人可以給我一些提示嗎?
$include-default-uis: false
導致您的msg框為空白,如果要禁用默認值,則需要創建自己的css類。
至於未顯示的圖標,則禁用了默認圖標,但包括了一些特定的圖標。假設您在編譯scss文件時未收到有關找不到圖像的任何錯誤消息,則問題可能出在您的按鈕代碼上...如果在按鈕上設置了iconCls
,請確保還設置iconMask: true
嘗試使用此配置創建按鈕,然后查看它是否有效。
{ iconCls: 'settings', iconMask: true, ui: 'plain' }
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.