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

Posted 2023-02-25

【中文标题】如何在煎茶的底部标签栏中制作更大的图标？

【英文标题】：How to make bigger icons in bottom tab bar in sencha?

【发布时间】：2012-07-06 17:18:38

【问题描述】：

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

提前谢谢..

【问题讨论】：

nops..但是为了对齐..但是如何获得更大的图标？？

如果他们中的任何一个帮助您解决了问题，请不要忘记接受答案

【参考方案1】：

尝试将 1.65em 值更改为更大的值。但在任何地方都保持相同的值。

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

希望对你有帮助

【讨论】：

试过这个。但它仍然没有到来 .x-tabbar > * z-index: 4; .x-tabbar .x-tab .x-button-icon -webkit-mask-size: 12em;宽度：12em；高度：12em；

使用下面的代码我可以使图标变大..但是图标的标签仍然很小，我也希望图标之间有一些空间..这是我的代码.x-tabbar。 x-doked-bottom .x-tab .x-button-icon -webkit-mask-size: 2.5em;宽度：2.5em；高度：2.5em；边距：0 自动；位置：相对；背景颜色：#D7E4BD;

【参考方案2】：

为了对齐，使用iconAlign

尺寸调整见Size of tab in sencha

【讨论】：

.x-tabbar tabs-bottom-icon-size: 5em;我试过这种方式..但没有结果

关键是你必须确保你改变了实际影响标签大小的CSS属性，然后定义一个自定义的，设置它!important。

【参考方案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;