Question

在我的应用程序中，我使用iconCls添加了带有主页图标和反馈图标的底部标签栏。但正如我正在为Android平板电脑开发，它变得非常小。我怎样才能让这些图标变大？以及如何正确对齐？表示左侧有一个图标，右侧是另一个图标，右侧是另一个图标。

提前致谢..

Answer 1

尝试将1.65em值更改为更大的值。但是到处都保持相同的价值。

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

希望这有帮助

Answer 2

要进行对齐，请使用iconAlign

有关尺寸调整，请参阅Size of tab in sencha

Answer 3

这样我就可以增加图标大小：

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

如何在sencha的底部标签栏中制作更大的图标？

3 个答案: