如何定制 antd 的樣式(theme)


> antd 的組件樣式(主題)是支持定制的,它的樣式實現是基於 less。官方的訂制手冊參看 https://github.com/ant-design/ant-design/blob/master/docs/react/customize-theme.zh-CN.md

具體操作時,你還會想要了解,antd 到底暴露了哪些 less 變量以支持定制呢。

目前我的執行方法是這樣的:

> 先從 antd 的代碼中瀏覽一下要定制的組件樣式,自行查看 less 變量。

比如我要修改`<Divider />`的`margin`,那么:

## Example
- 我就打開對應組件的樣式源碼:
https://github.com/ant-design/ant-design/blob/master/components/divider/style/index.less#L20-L26
- 發現 Line 24 行是我關注的 css 屬性,但並沒有以 less 變量形式實現
- So sad...


(但我已經表達完執行流程了,就是查看源碼中的 less 變量~)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM