extjs 修改官方主题
1、在用sencha命令創建的Extjs6項目中只能使用一種界面主題(Theme)，如果要換一個界面風絡需要重新修改app.json中的theme配置項，然后再用cmd命令重新編譯生成
方法一：修改app.json，在文件的最后有關于builds配置項中的theme
最后打開index.html就是修改后的樣式。
方法二：方法二是在網上看到的比較快捷的方法，可以快速看到所有的主體，但因為時間緊急，這個方法我還沒有實踐，等有時間了試一下這個方法。
第一步，修改app.json，在文件的最后部有關于builds配置項的說明，把下面這段代碼加進去。
還要在app.json中找到bootstrap配置項，加入一行配置后如下：
"bootstrap": { "base": "${app.dir}", "microloader": "bootstrap.js", "manifest": "${build.id}.json", "css": "bootstrap.css" },在output配置項中加入resources配置
"output": { "base": "${workspace.build.dir}/${build.environment}/${app.name}", "appCache": { "enable": false }, "resources": { "path": "${build.id}/resources", "shared": "resources" } },修改好以上三項后，保存app.json。然后用 sencha app build development 來重新生成開發環境。編譯完成后,會發現在build/development/app 目錄下多出來一些文件夾，這些文件夾分別是各種Theme的資源文件；在WebContent下面也多出了相應的Theme的配置文件，如triton.json、neptune.json等，如下圖：
至此第一步完成，下一步需要修改index.html，使其可以根據網址的參數來決定用哪一個Theme。打開index.html，將其注釋掉的一段script修改一下。
[javascript] view plaincopy
至此，已經可以在開發模式下使用不同的Theme了。示例如下：
總結
以上是生活随笔為你收集整理的extjs 修改官方主题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 作业1-游戏分类与热点探索
- 下一篇： 数字化创新应用发布加速，JFrog De