Ant Design 中覆蓋元件樣式

2022-06-19 04:15:10 字數 481 閱讀 9287

業務場景:

由於業務的個性化需求,我們經常會遇到需要覆蓋元件樣式的情況,這裡舉個簡單的例子。

antd select 在多選狀態下,缺省會展示所有選中項,這裡我們給它加乙個限制高度,超過此高度就出滾動條

**:

// testpage.less

.customselect

}}

// testpage.js

import from 'antd';

import styles from './testpage.less'

const option = select.option;

const children = ;

for (let i = 10; i < 36; i++) );

}reactdom.render(

, mountnode);

有兩點需要注意:

ant design的Table元件自定義空狀態

table,是antd中乙個我們經常使用的元件,在官方文件中給出了非常詳細的例項以及api,但在我們在使用過程中可能需要根據專案的要求來定製空狀態時的展示。什麼是空狀態呢?在antd的官方文件中他是這麼說的 我們需要做的就是要自定義table的 empty 空狀態 但是在查詢官方文件的過程中,我們並...

elementUI中覆蓋原有元件樣式寫法

為了vue頁面樣式模組化,不對全域性造成汙染,建議每個頁面的style標籤加上scoped,表示他的樣式只屬於當前的頁面,父元件的樣式不會洩漏到子元件中。但是scoped也會造成一些額外的負擔,如無法覆蓋原有元件的樣式。可以加 deep 深度作用選擇器 deep or 如果希望scoped樣式中的選...

react中覆蓋antd元件的樣式

由於業務的個性化需求,我們經常會遇到需要覆蓋元件樣式的情況,這裡舉個簡單的例子。antd select 在多選狀態下,缺省會展示所有選中項,這裡我們給它加乙個限制高度,超過此高度就出滾動條。import from antd import styles from testpage.less const...