关于 Text 组件开发相关

[Tyh2001]

介绍

Text 文字 用于展示一个段落文字。

Attributes

• 类型（颜色）
• 文字大小
• 是否独占一行
• 是否显示下划线
• 字间距
• 自定义颜色
• 是否加粗
• 行高
• 自定义背景色（可选，看有没有实际的用）
• 首字母自定义样式，可参考 ::first-letter
• 缩进量，参考text-indent
• 不同的修饰，参考 text-decoration

设计稿

https://www.figma.com/file/nuO4OGVafIWkPL4IzU3sXf/Text-%E6%96%87%E5%AD%97?node-id=0%3A1

[Tyh2001]

Attributes

• type 类型
• size 文字大小
• color 字体颜色，权重大于 type
• background 背景色
• block 是否独占一行
• spacing 字间距
• lineHeight 行高
• textIndent 首字符缩进量
• bold 是否加粗
• padding 内边距
• decoration 文字修饰，可选参数，传入字符串。无类型限制，原生 text-decoration 属性

其他？

感觉还有什么其他需求呢？

比如有些文章的首个字符是放大的。

……

[Tyh2001]

新增配置

• width 自定义宽度
• ellipsis 超出宽度显示 ...

参考资料

https://qishaoxuan.github.io/css_tricks/ellipsis/#%E5%8D%95%E8%A1%8C%E6%