2012-01-18 58 views
1

我想宣佈了一系列後退按鈕的。煎茶觸摸主題化:自定義後退按鈕

我的目標是做 UI:「背黑」 UI:「背紅色」 UI:「背綠」

,並改變了風格但它一直箭頭形狀

到目前爲止,我只設法改變所有的UI:「返回」按鈕

.x-button-back, .x-button-back:after { 
    background:#ff0000 none !important; 
} 

什麼想法?

回答

4

你爲什麼不嘗試ui:'normal-black'ui:'round-black'

UPDATE

對於您需要修改項目的薩斯文件。該行添加到SCSS文件爲每種顏色你想

@include sencha-button-ui('orange',#ff8000,'glossy'); 

和類似

@include sencha-button-ui('red',#ff0000,'matte'); 

檢查此視頻以獲得更多信息:

http://vimeo.com/33298159(例子中是17:00)

http://vimeo.com/17879651

http://www.sencha.com/learn/theming-sencha-frameworks-with-sass-and-compass/

而且CSS3小抄 http://downloads.sencha.com/extras/css3-cheat-sheet.pdf

+0

我要的是能夠改變顏色的UI:後面這是一個按鈕形狀像一個arrow.I可以改變UI的顏色:回來,但只有一次。我想要的是保持箭頭形狀和定義幾種顏色 –

+0

我得到的問題是錯誤的。檢查我編輯的答案。 – ilija139

3

所選擇的答案很可能是錯誤的或不適用2.0.1煎茶。我試過前面回答,但它並沒有在煎茶觸摸2.0.1工作。但是,下面的方法工作:

  1. (可選)通過青菜導入自己喜歡的顏色在你的青菜:

    @include sencha-button-ui('orange',#ff8000,'glossy'); 
    
  2. 放入UI像

    ui: "orange-back" 
    

    ui: "red-back" 
    

...等

+0

感謝您的更新,我問這個問題2011年年底,當ST2處於beta測試的嬰兒期,所以我的項目在ST1 ^^ –

+0

沒問題。我面臨同樣的問題,並通過搜索。這件事在ST2中不起作用!這就是爲什麼我提供這個答案,以防有人需要它;) –

4

上網卡:

config: { 

    defaultBackButtonText: '', 
    navigationBar: { 
     backButton: { 
      iconCls: 'back', 
      ui: 'plain' 
     } 
    } 
} 

在CSS:

//Back 
.x-button-icon.back { 
background-image: url(../../resources/images/bt_seta.png); 
background-repeat: no-repeat; 
}