extjs - scss 文件在 extjs 应用程序中的位置

Question

我一直在尝试找出 extjs 中的样式，但我找不到合适的样式所在的位置。例如，在管理仪表板应用程序中，文本字段的样式定义为：

xtype: 'textfield',
cls: 'auth-textbox',

但是，我一直在整个工作区的所有文件中搜索文本“auth-textbox”的外观，并且没有这样的定义。此外，如果我注释包含 cls 的行，则没有任何变化。

Answer 1

我的猜测是这个类没有定义。这个类被简单地添加到小部件元素中。它不一定需要定义，当然在这种情况下它什么也不做。

如果你有一个名为 App.view.MyClass.js 的 Extjs 类定义（不是 css 类）这个文件应该在你的应用程序目录中的 view/MyClass.js 中，你可以创建一个名为 view/MyClass.scss 的 scss 文件和 sencha 命令将处理此文件。默认的 app.json 告诉 sencha 命令去寻找这个文件。

您可以在 development/{YOURAPPNAME}/resources 下的 build 文件夹中查看已编译的 scss 文件。这些文件将是 {YOURAPPNAME}-all_[1234...etc].css 如果你定义一个类，那么它应该在这些文件中，它会告诉你它是在哪个文件中定义的。

/* /u/xxx/work/temp/dcs3/webapp/erp/ws/packages/local/dcs/src/Dcs/view/util/ColoredCircleAvatar.scss:29 */
.circleavatar > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}