Ant Design Vue 修改元件樣式

2021-10-07 01:47:46 字數 1060 閱讀 7864

專案中要求使用ant design vue作為第三方ui框架,但是設計圖上的要求與ui框架官網的有細微的差別,需要手動修改,當時我的想法就是先f12開啟控制器自己先修改樣式,改好以後連樣式名和樣式一起複製到上直接加上就好了,但並沒有成功,現在提出我找到的解決方法

第一種就是檢視文件上面是否提供了可供修改的屬性

如headstyle,bodystyle,dotsclass,classname等等

實測可以

第二種但有的時候沒提供這些屬性,我們就可以自己新增class進行修改,和寫css差不多

但是需要注意你的樣式僅在當前標籤生效,下面的子元素如果不是你手動新增的而是ui框架提供的,想通過該class去修改的子元素樣式則不會生效

頁面結構如下

效果aaaaaaaaa生效,下面的子元素li不生效

第三種 穿透》

vue中的樣式穿透,也是解決樣式問題的常用方式之一,sass/less使用樣式穿透的方式可能會有所不同

原樣:

需要的效果:

外層 >>> 框架元件樣式名

關於穿透我還不太了解,就不多解釋了

vue修改元件樣式

vue可以使用多個style,可以第乙個設定scoped,第二個設定想要修改的第三方元件的樣式,每個vue檔案設定不同.container class名,然後包裹修改的第三方ui元件樣式。當我們希望scoped樣式中的乙個選擇器能夠作用得 更深 子元件也可以用scoped中的樣式 例如影響子元件,你...

UGUI 修改元件節點位置

最近的工作任務是實現模態對話方塊,模態對話方塊彈出後要顯示在最前面,為了實現這個效果,我從網上找到了解決辦法 通過setsiblingindex 和 getsiblingindex設定與獲取 gameobject在兄弟節點中的位置。我覺得getsiblingindex返回就是兄弟節點對應的編號,這個...

批處理修改組策略

匯出組策略配置 secedit export cfg d 1.inf 這一步是為了防止誤操作,先備份下 比如我要設定密碼嘗試次數為8次 version signature chicago 這個必須要有,不然無法成功 system access lockoutbadcount 8 修改為8次儲存為檔名...