比较Extjs的清脆和经典主题,除了样式之外,ui的大小/比例也有所不同。 Crisp主题看起来已经放大了110%的经典。
是否可以将清晰主题的大小缩小到经典主题的大小? 我意识到,随着样式的出现,填充,边框和图像大小将在每个主题下为组件设置。 但我还是想知道缩小尺寸是否可行?
提前致谢
答案 0 :(得分:2)
是的,字体大小更大(清晰度为13px,经典为12px),加上每种字体都使用不同的字体方案,这也会增加一些差异。
对于缩小字体大小的问题,答案当然是肯定的,这是可能的。你可以走上创建一系列CSS规则的糟糕道路,以覆盖已经处于清晰状态的内容,这肯定会奏效。
然而,更好的选择是完全创建自己的主题。您可以创建一个扩展清晰的主题,然后只需调整您想要变化的各个区域(字体大小,不同组件上的填充等)。如果你这样做,请记住,清晰的主题扩展了海王星主题,而经典只延伸中性(海王星也延伸)。我之所以这么说,是因为如果你看一下实际的清晰主题,就你想要调整的东西(填充,边距等)而言,这是非常明显的。这是因为其中大部分来自海王星主题,所以你可能会帮助自己熟悉这两个主题,以便最有效地实现你所追求的结果。
如果您之前没有完成自定义Ext JS主题,请务必查看此处的指南:http://docs.sencha.com/extjs/5.0/core_concepts/theming.html。本指南还有一个很好的图表,说明了默认主题包的主题继承,所以一定要看一下。
希望有所帮助!