Extjs替換自帶theme
剪出原文的第一種方式:
1.建立工作空間
cd /d [extjs SDK所在目錄]sencha generate workspace F:\Test\ExtJs4.2\workspace
2.建立app
cd /d [extjs SDK所在目錄]sencha generate app App1 F:\Test\ExtJs4.2\workspace\app\app1
3.編譯
cd /d [app1s所在目錄]sencha app build
4.建立自己的主題
cd /d [app1s所在目錄]sencha generate theme my-custom-theme
5.設定要擴充套件的風格樣式
"extend": "ext-theme-neptune"
"app1"目錄下,輸入下列命令:
sencha app refresh
6. 設定要全域性樣式變數
在"my-custom-theme/sass/var/"目錄下新建Component.scss 檔案.並寫入一下內容:$base-color: #317040 !default;
在"packages/my-custom-theme/"目錄下,輸入以下命令
sencha package build
7.使用樣式
找到 app1/.sencha/app/sencha.cfg 檔案app.theme=ext-theme-classic
修改為:
app.theme=my-custom-theme
在" app1"目錄輸入如下命令,清理並重建應用
sencha ant clean
sencha app build
在瀏覽器中開啟"app1/index.html"檔案,可看到變化.