How to make bigger icons in bottom tab bar in sencha?

问题

In my application, i added a bottom tab bar with home icon and feedback icon using iconCls. But as i am developing for android tablet, it is coming very small. How can i make those icon big? and how to align properly?? means one icon in left, another in middle and another in right..

Thanks in advance..

回答1:

Try to change the 1.65em value into something bigger. But keep the same value everywhere.

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

Hope this helps

回答2:

For alignment, use iconAlign

For size adjustment, see Size of tab in sencha

回答3:

This way i am able to increase the icon size:

.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; }

来源：https://stackoverflow.com/questions/11366845/how-to-make-bigger-icons-in-bottom-tab-bar-in-sencha