ant-design Typography.Paragraph 是否可以加个去掉 marginBottom 的功能

o3imoua4  于 4个月前  发布在  其他
关注(0)|答案(7)|浏览(60)

What problem does this feature solve?

Typography.Paragraph 有省略功能,就会用到一些场景下,但是他有个 marginBottom: 1em 的样式,导致样式对不齐,有些场景,不需要 margin
https://stackblitz.com/edit/react-ktpvrx?file=demo.tsx

What does the proposed API look like?

<Typography.Paragraph noStyle ellipsis={{ rows: 2, tooltip: {} }}>
             哈哈哈哈哈哈哈哈哈哈哈
      </Typography.Paragraph>

<Typography.Ellipsis rows={2} tooltip >
             哈哈哈哈哈哈哈哈哈哈哈
      </Typography.Ellipsis>

<Typography.Text ellipsis={{ rows: 2, tooltip: true }} >
             哈哈哈哈哈哈哈哈哈哈哈
      </Typography.Text>
arknldoa

arknldoa2#

现在省略功能已经修改过了,业务中用到单行省略或者多行省略,都可以统一用一个 rows 控制了

wvt8vs2t

wvt8vs2t3#

嗯,margin 这个东西在大文本有用,但是很多场景的确用不到。我觉得可以加一个。

tp5buhyn

tp5buhyn4#

嗯,margin 这个东西在大文本有用,但是很多场景的确用不到。我觉得可以加一个。

主要看 API 怎么定了

vqlkdk9b

vqlkdk9b5#

<Typography.Paragraph style={{ margin: 0 }} />

其实也够了,新 API 就看语法糖够不够甜了。

uz75evzq

uz75evzq6#

<Typography.Paragraph style={{ margin: 0 }} />

其实也够了,新 API 就看语法糖够不够甜了。

Text 也能支持省略,但是只支持单行

3bygqnnd

3bygqnnd7#

其实不止 margin 要设置 0,color fontSize 也要设置为继承。

相关问题