2012-07-06 48 views
0

在我的應用程序中,我使用iconCls添加了一個帶有主圖標和反饋圖標的底部選項卡欄。但是,因爲我正在開發Android平板電腦,所以它變得非常小。我怎樣才能讓這些圖標變大?以及如何正確對齊?意味着在左邊的一個圖標,另一個在中,另一個在右..提前如何在sencha的底部標籤欄中製作更大的圖標?

謝謝..

+0

你試過'iconAlign'? – 2012-07-06 17:27:45

+0

nops ..但那對齊..但如何獲得更大的圖標? – 2012-07-06 17:29:06

+1

不要忘了接受一個答案,如果他們中的任何一個幫助你解決你的問題 – 2012-07-12 09:05:32

回答

0

這種方式,我能夠增加圖標的大小:

.x-tabbar.x-docked-bottom .x-tab .x-button-icon { -webkit-mask-size: 2.5em; width: 2.5em; height: 2.5em; margin: 0 auto; position: relative; background-color:#D7E4BD; } 
1

進行調準,使用iconAlign

對於大小調整,見Size of tab in sencha

+0

謝謝你會明天嘗試..在sencha英雄........ :) – 2012-07-06 17:35:13

+0

我很嫉妒,沒有人告訴我那.. – 2012-07-06 18:01:52

+0

但我無法更改圖標大小..我只能更改標籤大小.. – 2012-07-07 05:12:33

2

嘗試改變將1.65em的價值變成更大的東西。但在任何地方保持相同的價值。

.x-tabbar .x-tab .x-button-icon { 
    -webkit-mask-size: 1.65em; 
    width: 1.65em; 
    height: 1.65em; 
} 

希望這有助於

+0

試着這個。但仍然不是.x-tabbar> * { z-index:4; } .x-tabbar .x-tab .x-button-icon -webkit-mask-size:12em; 寬度:12em; 身高:12em; } – 2012-07-09 05:53:20

+0

使用下面的代碼我可以做出更大的圖標..但圖標的標籤仍然非常小,我想要圖標之間也有一些空間..這裏是我的代碼.x-tabbar.x-docked-bottom .x-tab .x-button-icon { \t -webkit-mask-size:2.5em; \t寬度:2.5em; \t身高:2.5em; \t margin:0 auto; \t位置:相對; \t background-color:#D7E4BD; } – 2012-07-12 08:28:18

相關問題