0

私のアプリケーションでは、タイトルの色を変更しようとしています。そのために、app.scssファイルにいくつかのテーマを入れました。タイトルバーの背景色を変更することができます。ただし、タイトルの色は変わりません。私のapp.scssファイルは次のようなものです。

    $base-color: #588aad; // go big blue!$include_default_icons: false;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;


@include pictos-iconmask("bookmarks");
@include pictos-iconmask("compose");
@include pictos-iconmask("trash");
@include pictos-iconmask("search");
@include pictos-iconmask("bookmark2");


@include sencha-toolbar-ui('blue', #EEEEEE,'matte');
.x-toolbar .x-toolbar-title {
    color: #5a3d23;
}

そしてこれは私のパネルコードです：

  Ext.define('MyApp.view.TitlePanel', {
    extend: 'Ext.Panel',

    config: {
        modal: false,
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                height: 120,
                ui: 'blue',
                title: 'Teritree Bussiness Portal',
                items: [
                    {
                        xtype: 'image',
                        docked: 'left',
                        height: 118,
                        width: 202,
                        src: 'resources/images/Logo.PNG'
                    }
                ]
            }
        ]
    }

});

誰か助けてくれませんか？前もって感謝します..

4

1 に答える 1

8

FirebugまたはSafari（またはChrome）インスペクターを使用して、divがDOMにどのように埋め込まれているかを確認します。

タイトルバーのタイトルを調べたら、これが私が持っているものです

my-titlebarクラスを持つ別のdivを含むクラスを持つdivを見ることができますx-title。右側を見ると、color属性がx-titleCSSクラスによって保持されていることがわかります。したがって、このクラスをオーバーライドする必要があり、別のクラスに色属性を追加しないでください。

ここに画像の説明を入力してください

だからここにあなたがすべきことはあります：

タイトルバーにclsプロパティを追加します

xtype: 'titlebar',
cls:'my-titlebar',
docked: 'top',
height: 120,

CSSを書く

.my-titlebar .x-title{
  color:white;
}

そして、ここに行きます：

ここに画像の説明を入力してください

最後のアドバイスは、!important選択の余地がない場合にのみ使用する必要があります。そうでなければ意味がありません。

お役に立てれば

于 2012-07-03T17:55:24.820 に答える