Ant-design-pro: components 下组件样式 全局重写无效

Created on 15 Nov 2017  ·  14Comments  ·  Source: ant-design/ant-design-pro

image
image

源码中 .tableListForm 中的 :global .ant-form-item 设置无效 只有去掉 .tableListForm 这层才生效 而且其他页面的组建也会收到影响
请问如何解决 只想重置当前页面某个模块组件默认样式 不影响其他当前页面 其他部分默认组件样式呢

Most helpful comment

注意 tableListForm 并没有在 Modal 的外层,Modal 是会单独被提到 body 下渲染的。

All 14 comments

Please make sure your issue having a readable format.

@afc163 截图重传代码 其他页面组建 添加自己的styles.less 在内部直接使用:global{}代码会影响所有其他页面组件默认值, 如果在:global{}外层添加自定义class{}则:global{}内代码无效 以官方的 TableList.less为例子
image
发布的页面内. ant-form-item {margin-bottom: 24px;}并没有生效 依然是 ant默认的 margin-bottom: 32px;
image

@afc163 我已经截图说明了问题现象了 为何还要让我用 md ?

艺多不压身,后面也用得上。

@afc163 谢谢 我会学的

  • 我现在想知道 官方的那种写法是否可以有效的重置页面局部默认ant样式

  • 官方事例中的代码测试并未生效 不知为何

@HappyLeiLei 参看官方 demo 就好了,官方是正常运行样例

@nikogu 官方事例中的就是无效的 所以想来问问

image

我本地跑了下,正常的呀

@nikogu 我晕了 难道是我这版本问题么。 我发布的官方版本 这段代码不生效 我去git在拉取一次 谢谢你先

应该一直是好的,你是直接用的脚手架?然后改的代码不生效?还是说你是照着 pro 的写法在写,但是项目还是自己的项目?你用了 css module 吗

注意 tableListForm 并没有在 Modal 的外层,Modal 是会单独被提到 body 下渲染的。

你需要给 Modal 或 Modal 内的元素单独绑定 className。

@nikogu 是用脚手架发布 可能还是我自己没理解这种写法 我在仔细研究下
@afc163 我自己的写一个页面 给Modal 添加了 className 但是还是没有生效我再去仔细检查一下代码

谢谢两位大神耐心指导

Was this page helpful?
0 / 5 - 0 ratings

Related issues

yjz1004 picture yjz1004  ·  3Comments

RichardStark picture RichardStark  ·  3Comments

renyi818 picture renyi818  ·  3Comments

skyFi picture skyFi  ·  3Comments

wuyongdec picture wuyongdec  ·  3Comments