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

Posted

技术标签:

【中文标题】是否可以覆盖 Sencha Touch 中特定组件的 SASS 文件?【英文标题】:Is it possible to override SASS files for specific components in Sencha Touch? 【发布时间】:2014-11-04 06:23:43 【问题描述】:

为 ExtJS 项目做这件事的方式是什么?

【问题讨论】:

【参考方案1】:

当然可以。你可以

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

.x-我的按钮 &.x 按钮 .x-按钮标签 颜色:绿色;

除此之外,您可以通过以下方式更改样式:

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

或者选择全局 css 变量:

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

【讨论】:

没有。我的意思是,在 ExtJS 中,可以复制特定组件的 .scss 文件,对其进行更改,然后编译器将使用它而不是原始组件。不就是这样吗? 啊。查看我的帖子的更改

以上是关于是否可以覆盖 Sencha Touch 中特定组件的 SASS 文件?的主要内容,如果未能解决你的问题,请参考以下文章

sencha touch 将变量从组件传递到组件

更新/更改列表组件 sencha touch 的存储

为啥 Sencha Touch 没有同步回调?

Sencha Touch 2:如何覆盖导航视图上的后退按钮

Sencha Touch JSON 格式?

Sencha Touch 2 内存管理选项