deep 改變第三方UI庫里的樣式

2021-10-10 15:41:32 字數 625 閱讀 8754

vue元件中,有時候為了防止汙染,我們在vue元件中樣式中新增 scoped,那麼這個樣式就會被設定為只影響這個vue元件內的內容

假定某個vue元件又引用了element-ui 亦或者其他ui元件,此時 ui不滿意element-ui的樣式,想要在這個頁面微調下element-ui的頁面。但不能影響全域性element-ui元件樣式。那麼我們就需要使用**/deep/ 來穿透scoped。**

如圖 van-filed中使用left-icon和right-icon時候 就出現了樣式問題

當我審查元素

發現有些樣式在vant元件裡面,但是我這裡沒有,比如(van-filed_control)所以也就不存在改不改變樣式的問題了

後來發現可以使用/deep/

然後樣式就被改好了~

以後用第三方ui 庫,就可以隨意改變它的樣式了!!可以說是太爽了吧!

如何使用第三方ui庫vant weapp

1 建立資料夾demo 2 在小程式 中開啟 注意 要先在小程式中開啟 如果要想在小程式的開發工具中開啟某乙個 資料夾 要麼是空資料夾 要麼有乙個 project.config.json的配置 2 cmd npm init y 生成包描述檔案 package.json 按照官網提示 4 步驟二 構建...

第三方登入

我的應用就可以通過token第三方應用獲取一些基本資訊了,我的應用在獲取到這些基本資訊之後,就可以在我的應用中建立乙個賬號了。下次使用地方登入獲取到的這些使用者資訊,就可以直接用來登入我的應用了。為什麼先返回code呢?這個返回的code只能夠使用一次。這個code是從qq的伺服器返回給 時,我們時...

第三方註冊

第三方註冊 一些as hss建立如下表中的 ifc過濾規則,當終端在 s cscf 上註冊成功後,s cscf 從hss ifc過濾規則 s cscf 檢測所有過濾規則,發現 中的規則要求 ue ims.test 這個終端發出初始註冊訊息後,需要 到 sip as.ims.test 應用伺服器,之後...