nuxt 引入 element UI 自定義主題色

2021-09-24 14:19:13 字數 581 閱讀 4231

今天靜下心來按照官方文件的思想終於成功了(其實很簡單,不知道之前為什麼總是不成功,真想抽自己,**技術、菜是原罪)

剛剛寫了篇隨筆 nuxt按需引入element-ui , 先去看看這個。

引入element-ui之後,在 /assets/scss 下新建乙個 element-variables.scss 檔案,檔名應該是可以自己隨便取

改變主題色變數aaa

*/$--color-primary: green;

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

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

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

然後就可以了,終於看到期待已久的綠色:

綠意盎然,心花怒放。

nuxt中全域性引入element ui

1.開啟terminal終端,輸入npm run dev啟動專案 2.element中文官方文件 3.在元件庫里任意選擇一段 複製到專案中pages資料夾下index.vue的頁面中 4.按住ctrl s儲存修改,即頁面自動顯示剛修改內容,無需重新啟動專案,可以看到此時的頁面只顯示 危險按鈕 這幾個...

Nuxt 中 按需引入 Element ui 元件

1.安裝 element ui npm i element ui s2.在根目錄下的plugins下建立element ui.js檔案,以下是我的檔案內容 import vue from vue import from element ui 引入分頁元件 vue.prototype.element ...

nuxt 引入vant 報錯問題

1 按 描述方法引入,報錯。經查詢資料,是babel plugin import與nuxt不相容。有人推薦通過babel plugin component 代替babel plugin import 按其描述方法,仍然不行。2 查詢其他資料,目前宣告支援nuxt的移動端ui框架只有vux。但按vux...