> antd 的組件樣式(主題)是支持定制的,它的樣式實(shí)現(xiàn)是基于 less。官方的訂制手冊(cè)參看 https://github.com/ant-design/ant-design/blob/master/docs/react/customize-theme.zh-CN.md
具體操作時(shí),你還會(huì)想要了解,antd 到底暴露了哪些 less 變量以支持定制呢。
目前我的執(zhí)行方法是這樣的:
> 先從 antd 的代碼中瀏覽一下要定制的組件樣式,自行查看 less 變量。
比如我要修改`<Divider />`的`margin`,那么:
## Example
- 我就打開對(duì)應(yīng)組件的樣式源碼:
https://github.com/ant-design/ant-design/blob/master/components/divider/style/index.less#L20-L26
- 發(fā)現(xiàn) Line 24 行是我關(guān)注的 css 屬性,但并沒有以 less 變量形式實(shí)現(xiàn)
- So sad...
(但我已經(jīng)表達(dá)完執(zhí)行流程了,就是查看源碼中的 less 變量~)
浙公網(wǎng)安備 33010602011771號(hào)