vue 專案設定一些全域性的公共樣式

2021-10-01 09:12:17 字數 673 閱讀 6756

本公司開發的產品,在運維去客戶**上線的時候,客戶可能會對產品主頁面的一些色調,字型大小等不滿意。所以需求就是在我們的開發包在往客戶伺服器上發布的時候,有乙個scss檔案可以隨時調整這些字型和顏色。

思路:

1.首先在public公共檔案的css資料夾下面新建乙個allstyle.scss的樣式資料夾,在這個裡面定義一些樣式,和字型的大小。這樣做的好處就是,在webpack打包的時候,不會把這個檔案給重新打包,我們可以在打包好的dist檔案的css中輕鬆的找到我們這個scss檔案,便於後面的修改。

2.在我們需要的頁面引入這個公共的scss檔案,然後在這個頁面就可以使用我們定義的公共樣式。

**:allstyle.scss中的**

a.vue頁面的引入和使用

總結:這樣做還有乙個好處就是便於維護。缺點就是不夠靈活

vue 專案開發中的一些bug

1.property or method handleselectionchange is not defined.vue定義方法需要定義在key為methods字段裡面 2.hamburger元件從頭部移動選單欄 不能顯示 解決 選單檔案引入hamburger元件 3.元件無法顯示 解決 原來是c...

在專案中用到的一些公共方法

1.通過路徑傳值,得到值 function getquerystring name 2.數字保留n位小數 統計分析保留小數函式 四捨五入 function round2 number,fractiondigits 3.以日期生成主鍵 生成主鍵規則 字首 中綴 字尾 prefix表示字首可傳可為空,i...

vue專案遇到的一些問題總結

1 新install乙個模組後出現typeerror is not a function 異常。解決方案 如果可以確定 沒問題,重新 npm run dev。2 element表單清空 1 form 必須指定 ref name 和rules rules 2 el form item必須指定 prop...