如何定製 antd 的樣式(theme)

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

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

目前個人執行方法是這樣的:git

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

好比我要修改`<Divider />`的`margin`,那麼:antd

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


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

相關文章
相關標籤/搜索