免費AI編程助手
Ext.js 風格
應用程序樣式是指用戶調(diào)整組件的外觀和感覺。 這些調(diào)整可能包括:顏色，顏色漸變，字體，邊距/填充等。Ext JS 6有一種新的應用程序樣式。
它使用SCSS的樣式。 SCSS是編寫CSS代碼的更動態(tài)的方式。 我們可以在這個幫助下在我們的樣式表中寫入變量。 但是瀏覽器不能理解SCSS，它只能理解CSS，所以所有的SCSS文件應該被編譯成CSS生產(chǎn)就緒代碼。
這就是為什么SCSS文件被稱為預處理器文件。 在Extjs中，編譯通過Sencha CMD工具完成。
Sencha CMD手動編譯它一次使用命令如下:
sencha應用程序構建[開發(fā)]
全局CSS是主要的CSS文件，它具有所有的SCSS變量與ExtJS相關聯(lián)，我們可以在我們的應用程序中使用它來定制我們的主題，根據(jù)我們的需要提供不同的價值。
以下是Extjs中的Global_CSS中提供的一些CSS變量:
| 編號 | 變量＆描述 |
|---|---|
| 1 | $ base-color $ base-color:color（例如$ base-color:＃808080） 這個基色在整個主題中使用。 |
| 2 | $ base-gradient $ base-gradient:string（例如$ base-gradient:\'matte\'） 在整個主題中使用的基本漸變。 |
| 3 | $ body-background-color $ body-background-color:color（例如$ body-background-color:＃808080） 應用到body元素的背景顏色。 如果設置為transparent或\'none\'，將不會在body元素上設置背景顏色樣式 |
| 4 | $ color $ color:color（例如$ color:＃808080） 要在整個主題中使用的默認文本顏色 |
| 5 | $ font-family $ font-family:string（例如$ font-family:arial） 在整個主題中使用的默認font-family。 |
| 6 | $ font-size $ font-size:number（例如$ font-size:9px） 要在整個主題中使用的默認字體大小。 |
| 7 | $ font-weight $ font-weight:string / number（例如$ font-weight:normal） 在整個主題中使用的默認字體權重 |
| 8 | $ font-weight-bold $ font-weight-bold:string / number（例如$ font-weight-bold:bold） 粗體字體的默認字體粗細在整個主題中使用 |
| 9 | $ include-chrome $ include-chrome:boolean（例如$ include-chrome:true） True以包含Chrome特定規(guī)則 |
| 10 | $ include-ff $ include-ff:boolean（例如$ include-ff:true） True包含F(xiàn)irefox特定規(guī)則 |
| 11 | $ include-ie $ include-ie:boolean（例如$ include-ie:true） True包括IE9和更低版本的Internet Explorer特定規(guī)則 |
| 12 | $ include-opera $ include-opera:boolean（例如$ include-opera:true） True包含Opera特定規(guī)則 |
| 13 | $ include-safari $ include-safari:boolean（例如$ include-safari:true） True包含Opera特定規(guī)則 |
| 14 | $ include-webkit $ include-webkit:boolean（例如$ include-webkit:true） True包括Webkit特定的規(guī)則 |
更多建議：