1. 程式人生 > >iview中怎麼使用框架中的類名類修改樣式

iview中怎麼使用框架中的類名類修改樣式

這個問題真是困擾了這麼久了。之前一直沒查出來怎麼去改,一直是通過行內樣式來修改。

問題:

當一個元素封裝了很多層時,我們無法找到裡面封裝的那個標籤,所以無法要通過行內樣式去修改。

解決:

方法一app.vue

  1.   通過控制檯找到找要修改的元素的類名,然後複製。

 2.在app.vue中寫剛才複製的類名的樣式。

這樣就實現了我們想要的效果,但是。。。這種方法有問題,因為app.vue是全域性的,所以其他頁面的相應類名的樣式也會被修改。所以,我們要給這個元素加上個id用來區分。如下圖:

 注意:這個id加在最外層的元素上面

方法二:當前頁面

直接在當前頁面加一個style。注意不要加scoped,因為當前頁面是子元件,要給父元件用。