用于显示正文文本的组件,支持文本尺寸、粗细、颜色、对齐方式,以及截断、斜体、删除线和可编辑等多种选项。
通过设置 value 定义文本内容,size 控制文本大小。
Template 示例:
<Text value="Hello world" size="md" />
效果展示如下:
属性名 | 类型 | 描述 | 默认值 |
value ★ |
| 文本内容 | - |
size |
| 文本尺寸 |
|
color |
| 文本颜色 (支持 CSS 颜色值) | - |
weight |
| 字体粗细 |
|
textAlign |
| 文本对齐方式 |
|
truncate |
| 是否截断超出长度的文本 |
|
maxLines |
| 最大显示行数 | - |
streaming |
| 启用流式传输友好的过渡效果 |
|
italic |
| 是否斜体 |
|
lineThrough |
| 是否显示删除线 |
|
width |
| 文本容器宽度 | - |
minLines |
| 最小行数 | - |
editable |
| 是否可编辑及编辑配置 |
|
注意:
★ 标记为必填属性。
当 editable 不为 false 时,可配置以下属性:
属性名 | 类型 | 描述 | 默认值 |
name ★ |
| 表单字段名称 | - |
autoFocus |
| 自动聚焦 |
|
autoSelect |
| 自动选中 |
|
autoComplete |
| 自动完成属性 | - |
allowAutofillExtensions |
| 允许自动填充扩展 |
|
pattern |
| 验证正则 | - |
placeholder |
| 占位符 | - |
required |
| 是否必填 |
|
disabled |
| 是否禁用 |
|
streaming: 一旦增量更新完成,应将此属性设置为 false。
注意:流式动画目前未在基本文本组件中实现,但计划在未来版本中作为可选功能添加。