成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue（scoped）修改UI庫組件樣式

isaced / 1878人閱讀

摘要：修改庫組件樣式在工作中經(jīng)常會(huì)碰見設(shè)計(jì)稿和庫的組件樣式不一樣，在標(biāo)簽加了，就無法修改組件的樣式了，因?yàn)楫?dāng)前組件樣式只應(yīng)用到這個(gè)組件上。

vue修改UI庫組件樣式

在工作中經(jīng)常會(huì)碰見設(shè)計(jì)稿和UI庫的組件樣式不一樣，在style標(biāo)簽加了scoped，就無法修改UI組件的樣式了，因?yàn)楫?dāng)前組件樣式只應(yīng)用到這個(gè)組件上。

深度作用選擇器

如果你想修改組件的樣式就可以使用 >>> 操作符：

上述代碼將會(huì)編譯成：

.langpz[data-v-f3f3eg9] .b { /* ... */ }

如果你用的是SCSS或者LESS需要把 >>> 替換成 /deep/

如果組件的樣式是js動(dòng)態(tài)生成的，深度作用選擇器前面就不要跟class了。

# 我的博客和GitHub地址
https://github.com/lanpangzhi

http://blog.langpz.com

參考

https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B7%E7%94%A8%E6%9C%AC%E5%9C%B0%E5%92%8C%E5%85%A8%E5%B1%80%E6%A0%B7%E5%BC%8F

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/106323.html

相關(guān)文章

  • [筆記] 當(dāng)在 Vue 中不得不用全局樣式時(shí)...

    摘要：有時(shí)候基于的單文件組件開發(fā)項(xiàng)目時(shí)不得不使用全局樣式這時(shí)有一些需要注意的地方當(dāng)遇到需要使用全局樣式時(shí)下列幾種情況樣式在項(xiàng)目各處均有使用樣式只在當(dāng)前組件內(nèi)的上使用樣式需要應(yīng)用到當(dāng)前組件的外部下面詳細(xì)記錄一下需要注意的問題樣式在項(xiàng)目各處均有使用如 有時(shí)候基于 Vue 的單文件組件開發(fā)項(xiàng)目時(shí), 不得不使用全局樣式, 這時(shí)有一些需要注意的地方. 當(dāng)遇到需要使用全局樣式時(shí), 下列幾種情況 樣式在...

    馬龍駒 評(píng)論0 收藏0

  • [筆記] 當(dāng)在 Vue 中不得不用全局樣式時(shí)...

    摘要：有時(shí)候基于的單文件組件開發(fā)項(xiàng)目時(shí)不得不使用全局樣式這時(shí)有一些需要注意的地方當(dāng)遇到需要使用全局樣式時(shí)下列幾種情況樣式在項(xiàng)目各處均有使用樣式只在當(dāng)前組件內(nèi)的上使用樣式需要應(yīng)用到當(dāng)前組件的外部下面詳細(xì)記錄一下需要注意的問題樣式在項(xiàng)目各處均有使用如 有時(shí)候基于 Vue 的單文件組件開發(fā)項(xiàng)目時(shí), 不得不使用全局樣式, 這時(shí)有一些需要注意的地方. 當(dāng)遇到需要使用全局樣式時(shí), 下列幾種情況 樣式在...

    xiaoqibTn 評(píng)論0 收藏0

  • 喜大普奔，Ant Design of Vue 1.0版本發(fā)布

    摘要：誕生于年月份，年月份正式開源，多次，發(fā)布個(gè)版本，個(gè)組件，共計(jì)個(gè)單測(cè)，測(cè)試覆蓋率。得益于的穩(wěn)定，自發(fā)布第一個(gè)版本起，都沒有破壞性的更新，本次發(fā)布的版本自然也沒有破壞性的更新。因要支持低版本的，暫時(shí)并沒有提供該功能。 vue-antd-ui是一個(gè)站在巨人(antd)肩膀上的UI組件庫，有著其它組件庫沒有的優(yōu)勢(shì)，幾乎繼承了antd所有的功能特點(diǎn)，自帶antd各種buff。 vue-antd-...

    kamushin233 評(píng)論0 收藏0

  • [新手坑] 01.Vue模板內(nèi)引入的組件樣式覆蓋失效

    摘要：新手坑模板內(nèi)引入的組件樣式覆蓋失效作為一名剛接觸的菜鳥開發(fā)過程中遇到一些小坑又很難搜索的到還是記錄下來分享給有遇到過類似問題的人項(xiàng)目中假設(shè)用到這個(gè)庫具體引入組件啥的我就不詳細(xì)說了直接看代碼以上代碼的寫法不仔細(xì)看的話通過頁面來看組 [新手坑] 01.Vue模板內(nèi)引入的組件樣式覆蓋失效 作為一名剛接觸Vue的菜鳥, 開發(fā)過程中遇到一些小坑又很難搜索的到, 還是記錄下來. 分享給有遇到過類似...

    Pines_Cheng 評(píng)論0 收藏0

  • 手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要：社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了，體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址：vue-element-admin 系類文章一：手摸手，帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二：手摸手，帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三：手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺(tái) 系列...

    Channe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<