element ui全域性自定義主題

2021-10-09 10:51:01 字數 778 閱讀 1532

需要注意的是建立element-variables.scss檔案在/src/下,注意路徑問題

element 的 theme-chalk 使用 scss 編寫,如果你的專案也使用了 scss,那麼可以直接在專案中改變 element 的樣式變數。新建乙個樣式檔案,例如element-variables.scss,寫入以下內容:

/* 改變主題色變數 */

$--color-primary: teal;

/* 改變 icon 字型路徑變數,必需 */

$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

之後,在專案的入口檔案中,直接引入以上樣式檔案即可(無需引入 element 編譯好的 css 檔案):

import vue from 'vue'

import element from 'element-ui'

import './element-variables.scss'

vue.use(element)

需要注意的是,覆蓋字型路徑變數是必需的,將其賦值為 element 中 icon 圖示所在的相對路徑即可。

這種辦法較為方便 

Element ui前端自定義排序

1.在需要自定義排序的列上 el table column 加上sortable cistom 2.在el table上增加sort change事件,監聽列的排序 定義需要排序的列,這樣可以省去多個if else if const actions new map votes votes calcw...

element ui自定義表單驗證

1.首先我們要在form表單元素上繫結rules和model這兩個屬性,rules代表你的自定義表單驗證規則,model代表你需要驗證的資料。2.在表單裡繫結的值一定是model繫結的資料裡的某個值,我們需要驗證哪個字段,就在哪個el form item標籤上繫結prop屬性,值為你自定義規則裡對應...

自定義全域性標籤

開啟edit project settings player,每個平台下都有乙個scripting define symbols欄,可以再其中填入一些自定義標籤,多個標籤用分號分隔,如需注釋掉某個標籤,在前面新增斜線 即可 在 用使用 if endif 即可根據是否定義了該標籤相應的編譯或者不編譯i...