search

KuangPF / dumi-theme-antd

A antd site theme package for the dumi framework.
https://kuangpf.com/dumi-theme-antd
MIT License
42 stars 19 forks source link

body污染的 全局样式 #12

Closed chico-malo closed 1 year ago

chico-malo commented 1 year ago

环境：

去掉dumi-theme-antd 主题，一切正常。所以判断问题出在了主题中。

问题1： image

body全局样式会被一个叫 Common.tsx 覆盖掉。

问题2： 在某些场景，Common.tsx 的样式，再次被覆盖。 image

Sample Code 无 demo地址：https://assets-test.sto.cn/ux/cn-eone/0.0.1-alpha.5/guide/index.html

KuangPF commented 1 year ago

Common.tsx 是基于@emotion/react 定义的 body 默认样式，试了下官网的样式覆盖，貌似并没有生效，而且文档打包以后会直接插入到 style 标签中。目前来看并没有比较合适的解决办法，建议通过 css 选择器的权重或者层级自定义覆盖吧。

KuangPF commented 1 year ago

增加了钉钉群，可以加下，后期有问题可以快速了解解答。

chico-malo commented 1 year ago

Common.tsx 是基于@emotion/react 定义的 body 默认样式，试了下官网的样式覆盖，貌似并没有生效，而且文档打包以后会直接插入到 style 标签中。目前来看并没有比较合适的解决办法，建议通过 css 选择器的权重或者层级自定义覆盖吧。

图1的body可以使用权重覆盖。 但是图2的默认样式，有点恶心了… 这个能修复嘛

KuangPF commented 1 year ago

图2是 antd 组件的默认样式，antd 包里面，不好改。