extjs - 是否可以覆盖 Sencha Touch 中特定组件的 SASS 文件？

Question

是否可以覆盖 Sencha Touch 中特定组件的 SASS 文件？为 ExtJS 项目做这件事的方式是什么？

Answer 1

你当然可以。你可以

• 创建自定义组件
• 向组件添加一个类（例如“x-my-button”）
• 将具有更深类的新类添加到 SASS

.x-my-button { &.x-button { .x-button-label{ 颜色：绿色；} } }

除此之外，您可以通过以下方式更改样式：

• http://docs.sencha.com/touch/2.4/apidocs/#!/api/Ext.Button
• 将鼠标悬停在 CSS Vars 上并选择您需要更改的那个
• 在 app.sass 中，首先在文件中添加 var。

或者去全局 css vars：

• http://docs.sencha.com/touch/2.4/apidocs/#!/api/Global_CSS