Element 和iview UI的樣式覆蓋

2021-09-12 02:13:01 字數 702 閱讀 2684

當然,在自己編寫的容器中我們可以直接定義,但是在我們使用了其他的ui元件之後,我們會發現,在scoped中改變的樣式並不能影響到樣式了。因為我們是在全域性中對其樣式進行引入的,所以在自己規定的小區域內的改變並不能影響到他,但是直接寫乙個在這裡面進行修改則又會影響到全域性的樣式。接下來我們講一下解決方法。

在element-ui中覆蓋樣式

element-ui跟iview覆蓋的方式有點不同。在對element-ui的樣式進行覆蓋時,我們需要在

中進行全域性影響,而不可以在

中進行修改。如果有需要的話,寫兩個,乙個帶scoped,乙個不帶也是可以的。

之後我們在element-ui的元件上給他加乙個父層樣式選擇器

然後在樣式中這樣進行覆蓋

這樣做,在進行樣式判斷的時候會順著層次順序,只修改fatherclass下面的dialog的樣式,這樣就影響不到全域性的樣式了。

在iview中覆蓋樣式

iview中,則需要在外層套接乙個容器,直接在元件上增加父層樣式選擇器是不起作用的。

具體做法如下

我們在元件外面套接了一層自己的容器,之後進行樣式改變

這樣就成功了!可喜可賀,可喜可賀!

tip:

1.定義的父層樣式選擇器可以不進行樣式的編寫,因為他們只是為了方便我們定義乙個固定的影響區域。

2.如何找到我需要修改的樣式名稱

開啟控制台,去頁面上尋找

之後在

iView UI 使用Modal呼叫Modal

iview的modal真的非常不友好,用起來總感覺this.modal多次呼叫的話採用的是引用的方式,結果導致後面的modal的屬性會覆蓋前面的modal,而前面的modal一關閉導致寫在onok函式裡面的modal也一併關閉了。我想到的解決方法就是先手動強制關閉前面的modal,然後採用延時觸發喚...

Node和Element的區別

今天在做asp.net操作xml文件的過程中,發現了兩個類 xmlnode和xmlelement。這兩個類的功能極其類似 因為我們一般都是在對element節點進行操作 上網蒐羅了半天,千篇一律的答案。永遠說不到重點,有些人回答又特別含糊,無奈之下,自己設斷點嘗試對比效果,現在總結如下 1 通過繼承...

iview UI庫中table的render函式

剛剛接觸乙個專案,一期使用的是iview,檢視文件時發現並未介紹到render函式中類似createelement功能的用法,因此想做乙個相關的分享,希望可以幫到跟我有類似需求的小夥伴們。iview官方文件中對render是這樣描述的 自定義渲染列,傳入三個引數 row column 和 index...