tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

[space间距] 水平的分隔符不显示

Open szqyqxgs opened this issue 2 years ago • 6 comments

tdesign-react 版本

0.37.1

重现链接

https://ysu6fy--run.stackblitz.io

重现步骤

separator={<Divider layout="horizontal"/>} // 这样写的时候,不显示水平的分隔符

期望结果

间距里竖向排列的时候,可以显示水平分隔符

实际结果

No response

框架版本

react 17.0.2

浏览器版本

chrome

系统版本

win7

Node版本

No response

补充说明

No response

szqyqxgs avatar Jul 31 '22 10:07 szqyqxgs

👋 @szqyqxgs,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Jul 31 '22 10:07 github-actions[bot]

separator={<Divider layout="horizontal" center="test" />}>

szqyqxgs avatar Jul 31 '22 10:07 szqyqxgs

如上代码。。。这样写的时候,不显示水平的分隔符

szqyqxgs avatar Jul 31 '22 10:07 szqyqxgs

你的demo地址打不开,复制这个demo地址给我 image

纵向分割可以先这么实现下 https://stackblitz.com/edit/react-zlvqmj?file=src%2Fdemo.jsx

honkinglin avatar Aug 01 '22 01:08 honkinglin

111

如上图,使用了align属性 不显示分隔符

因为align不是必传的,所以我不确定算不算bug,不算的话请关闭这个 issues 吧

szqyqxgs avatar Aug 01 '22 05:08 szqyqxgs

111

如上图,使用了align属性 不显示分隔符

因为align不是必传的,所以我不确定算不算bug,不算的话请关闭这个 issues 吧

应该算bug,这边有点奇怪的是 align-items 属性跟 inline-flex 同时出现的时候导致宽度为0所以没有展示出来分割线,不过这里其实设置align也没什么意义,后面我研究下看看什么原因优化下吧

honkinglin avatar Aug 01 '22 07:08 honkinglin

亲,这个问题别忘了哦,我后来也想明白了:不论有没有有必要写align属性,属性之间都不应该冲突

szqyqxgs avatar Aug 17 '22 09:08 szqyqxgs

0.40.5 fixed

honkinglin avatar Aug 29 '22 09:08 honkinglin