Extjs6.2 自定义界面主题(学习小结)

参考: 添加链接描述
添加链接描述
添加链接描述

第一：修改app.json中的“theme”参数；比如:“theme”: “theme-trition”,
修改之后要在 生产app的目录下执行打包命令：sencha app build。
比如：

就是在WebContent目录下执行命令。

第二种:
在WebContent目录下执行命令: sencha generate theme my-classic-theme,
接着就会在packages生成文件。

我们可以在sass目录下的 var文件夹 或者 src文件夹里 写css为后缀的文件来改变样式，比如：button.css panel.css等等。具体看参考的链接。

最后在，app.json 里的 “theme“ 参数改为： “theme”:”my-classic-theme”就可以了。

第三种：
在app.json 修改。那里最低部有个注释。

仿照这个也可以更换主题。具体看参考链接。