需要注意的是建立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...