通過iview theme定製iView主題

2022-09-14 21:48:29 字數 871 閱讀 5438

iview 是一套基於 vue.js 的開源 ui 元件庫,主要服務於 pc 介面的中後台產品。專案搭建中,選用該元件庫時,可按如下方法設計個性化主題。

npm i iview-theme -g
npm i iview
進入./node_modules/iview/src/styles/index.less檔案,自定義主題變數:

主要設定兩個變數(@primary-color 、@link-color),設定如下:

如需設定更多的個性化主題,可以進入更多less檔案檢視詳細變數,然後在index.less修改變數,覆蓋變數生成新主題

生成主題壓縮檔案和字型

1.主題的顏色主要體現在基礎顏色、active狀態顏色、鏈結顏色,專案中如果需要切換某些文字主題,建議在文字外部加乙個空鏈結標籤

2.本文裡鏈結了iview-theme的github位址,不過個人推薦按照本文中的方式生成主題,這樣的版本是最新的iview版本,iview不同版本預設主題色不太一致,甚至class命名會有很大改變。

Linux通過ifconfig命令檢視IP

eth0 乙太網裝置編號 mtu 位元組數 設定網絡卡的最大傳輸單元 bytes netmask 子網掩碼 設定網絡卡的子網掩碼。掩碼可以是有字首0x的32位十六進製制數,也可以是用點分開的4個十進位制數。網路中每乙個系統必須有相同子網掩碼。broadcast 位址 為指定網絡卡設定廣播協議 txq...

通過包裝定製自己的資料型別

需求 通過繼承來構建自己的資料型別 例子 列表中只能新增字串 1 class list list 2def 3if type object str 4 使用父類中的方法6 7print 8print 9else 10 print 只能新增字串 1112 if name main 13 list li...

台式電腦安裝EXSI,通過官方方式定製安裝包

需要使用第三方工具 esxi customizer ps 對安裝映象進行修改,載入我們想要的驅動。首先,要把powershell的remotesigned功能開啟.方法 開始 所有程式 附件 windows powershell 以管理員分份執行 輸入以下命令 如圖所示,該顯示卡的型號為 10ec ...