vue專案中使用heyui,如何在全域性配置主題色彩

2021-10-11 16:24:06 字數 595 閱讀 1876

1、在src資料夾下新建資料夾,命名為common

2、在common資料夾下新建less檔案,命名為common.less

3、將此段**複製到common.less檔案中(ps:具體色值根據個人需求設定)

@import (less) "~heyui/themes/var.less";

//重新定義主題

@primary-color: #fda729;

@red-color: #d64244;

@green-color: #eac12c;

@yellow-color: #eac12c;

@blue-color: #77a2dc;

@import (less) "~heyui/themes/common.less";

4、將該檔案引入main.js並匯出

5、ps:關於heyui元件引入的相關三個檔案的順序最好是這樣,不然新配置的主題色可能不會生效

import heyui from 'heyui';

import "heyui/themes/index.less";

import common from './common/common.less'

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...