改變顏色Sencha Touch Ext.TabPanel

new Ext.TabPanel({ 
      fullscreen: true, 
      cardSwitchAnimation: 'slide', 
      ui: 'dark', 
      items: [home, about] 
     });

對於ui，我可以指定顏色，而不是黑暗和光明嗎？我怎樣才能使它成爲我們選擇的特定顏色或背景圖像？改變顏色Sencha Touch Ext.TabPanel

謝謝。

來源

2011-05-28 slandau

你需要做的是定義使用SASS和Compass全新的UI類型：

顯然在這之後，你會使用類似樣式。因此，你必須熟悉這些框架。如果您已經安裝這些，你已經知道如何創建您的應用主題CSS，那麼你可以將下面的行添加到您的主題.sass文件來定義自定義UI

@include sencha-tabbar-ui('myUI', $tabs-myUI, $tabs-bar-gradient, $tabs-myUI-active);

正如你可以看到我使用一些變量來設置想要的樣式。詳細信息：

$ tabs-myUI：是「myUI」UI選項卡的基本顏色。
$ tabs-bar-gradient：是選項卡欄的背景漸變樣式。
$ tabs-myUI-active：是「淺色」UI選項卡的活動顏色。

可以定義你要多少不同的UI，並以下列方式使用他們在你的代碼：

new Ext.TabPanel({ 
     fullscreen: true, 
     cardSwitchAnimation: 'slide', 
     ui: 'myUI', 
     items: [home, about] 
    });

這是官方煎茶辦法做到這一點。

希望這會有所幫助。

來源

2011-05-28 06:04:19

給你的tabPanel或其子女一個cls屬性。這給html標籤一個類，所以你可以在CSS中使用它作爲樣式。

background-image: url(...); 
background-color: pink;

來源

2011-05-28 02:40:30 Nicodemuz

補充說屬性，它仍然是不工作=/ – slandau 2011-05-28 02:47:11

什麼是不工作？如果你看看生成的HTML，你看到你的類被添加到HTML元素？ – Nicodemuz 2011-05-30 02:42:22

@AndreaCammarata

我能夠改變使用上述青菜的一個tabpanel顏色。但我要更改標籤的活動顏色。請在下面找到我的代碼

@include sencha-tabbar-ui('tabcolour', #333333,'glossy',#0088CC);

VIEW：

config : { 
style: "background-color: white", 
    ui: 'tabcolour', 
    tabBar : { 

    ui: 'tabcolour', 
     layout : { 
      pack : 'center' 
     } 
    }, 
    layout : { 
     type : 'card', 
     animation : { 
      type : 'fade' 
     } 
    }, 

    items : [{ 
      title : 'Descrption', 
      xtype : 'item_description' 
     },{ 
      title : 'Photos', 
      xtype : 'Item_Photos', 
     }, { 
      title : 'Comments', 
      xtype : 'item_add_viewcomment' 
     }, { 
      title : 'Videoes', 
      xtype : 'item_video' 
     } 
    ] 
}

來源

2013-02-08 10:04:05

改變顏色Sencha Touch Ext.TabPanel

回答

相關問題