需求:左邊垂直的菜單欄高度設置為 100% - 導航欄的高度(3.6rem)
首先,從vue-cli腳手架里的安裝的webpack模板中並沒有less的依賴配置,得自己手動添加安裝
安裝命令::npm install less less-loader --save
安裝完后packahe.json中出現如圖添加的配置:
然后可以在 .vue 的文件中書寫less代碼了,
結果:
需求:左邊垂直的菜單欄高度設置為 100% - 導航欄的高度(3.6rem)
首先,從vue-cli腳手架里的安裝的webpack模板中並沒有less的依賴配置,得自己手動添加安裝
安裝命令::npm install less less-loader --save
安裝完后packahe.json中出現如圖添加的配置:
然后可以在 .vue 的文件中書寫less代碼了,
結果:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。