前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
1. 我的情況:
我遇到 2 種情況,一個是表格的分頁樣式有變化。另一個是導航菜單樣式有變化。
2. 解決:
方法一:
對于第1個問題我只是單純在那個組件樣式文化中加了? scoped 。
對于我的第2 個問題,用第一種方法不成功。
方法二:
于是,F12看到原本的樣式上都有一條黑色的線,如下:
查后得知,這是樣式被覆蓋了。再找不帶黑線的同名的樣式就知道是哪個樣式覆蓋了原本的。
原來 是紅框中覆蓋了我原本的樣式,找到紅框中的樣式設置文件并修改后,果然再運行就正常了。?
?
另:我在網上看到有的是引入樣式文件的順序,影響加載順序;多個相同樣式文件同時存在項目中,要刪除多余的;
還有其它原因參見:Vue 項目本地運行 run 與服務器上 build 樣式不一致,build 后樣式不生效
?
---------------------------------------------------------------------
2019.5.30 后記?
今天又遇到打包后樣式有變的情況。
在頁面樣式不一致的地方,右鍵 “ 檢查 ” 可查看當前問題界面是用的什么樣式,如查看樣式不對的div 的樣式。
找到問題樣式后,對比正確情況樣式,研究 2 者有什么不一樣。
找到區別后去更正錯誤樣式為正確樣式。
今天的情況是:App.vue 文件中有一個樣式設置覆蓋了我需要的樣式。
?
?