ExtJs皮膚主題定制 sencha Themer
1 介紹
在Ext JS中創建自定義主題一直是一項挑戰,但是使用Sencha Themer可以大大提高你的開發效率,
2 準備作業
確保您擁有Sencha Themer的安裝檔案,
Sencha Themer需要Sencha Cmd 6.5.1或更高版本,Sencha Cmd可以在這里下載,
如果您已在計算機上安裝了Cmd,則還可以通過從CLI發出以下命令來升級Cmd:
確保您的環境滿足上述所有要求后,雙擊Sencha Themer安裝程式,執行后,安裝程式將完成以下安裝程序,
接受許可協議,然后單擊“下一步>”,
為“所有用戶”或“當前用戶”指定用戶范圍,然后單擊“下一步>”,
選擇要安裝的Themer的位置,然后單擊“下一步>”,
繼續安裝
安裝完成可以獲取30天試用期
3 創建皮膚
- 選擇Create Themer 創建皮膚

2.如下所示,入門非常簡單,只需命名主題,指向您的應用,作業區或空目錄,然后選擇您要用作基礎的主題,您甚至可以選擇自己的自定義主題作為擴展的起點,需要跟自己的ext專案的主題一致,否者會應用不進去

3.左邊是控制元件、右邊是控制元件可調的樣式

4.除錯好所有控制元件樣式之后,在左上角publish選擇Export CSS檔案,如下圖所示

把整個檔案放入專案中之后只需要在專案的入口檔案引入all.css或debug.css即可
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/225866.html
標籤:其他
