文本组件 - EleText

5.21.1.快速使用
文本组件主要的使用场景为需要在线换主题时避免直接写颜色值，使用示例：
运行代码 新窗口打开 5.21.2.属性列表 类型 type 默认不设置颜色，设置 type="regular" 是常规色，size 默认不设置大小，设置 size="base" 是常规大小(v1.3.0新增)。 可以直接增加属性在文本左边显示一个图标，也可以用于只显示图标，常用示例：

运行代码 新窗口打开
iconProps 和 iconStyle 的详细说明，在 Element 中使用图标是要包一个 ElIcon 组件的：

所以通过 iconProps 也可以设置图标的样式或 class ， iconStyle 属性是考虑到你可能想直接给 SVG 加样式。 5.21.3.文本省略 文本省略组件用于在文本超出视图宽度时展示省略符，支持支持单行和多行省略，使用示例： 运行代码 新窗口打开 文本省略组件基于文本组件开发，支持 EleText 的全部属性(请查看上面文档)，这里只列出额外增加的属性： 当鼠标移入会显示全部的文本内容，可以配置关闭提示，或者使用原生的提示效果： 运行代码 新窗口打开 如果设置了 lineHeight 属性就会设置固定高度，这样当行数小于 maxLine 时高度都一致。 5.21.4.文本复制 文本复制组件会在文本右侧显示一个复制按钮，点击后会复制文本内容(v1.1.3新增)，使用示例： 运行代码 新窗口打开 内容也可以放置复杂内容如图标等，也可以和其它组件结合使用如文本省略组件： 运行代码 新窗口打开 支持的属性有： 例如自定义右侧的图标：

运行代码 新窗口打开
如果右侧不想为图标，需要为简单的文字或者复杂的自定义组件，设置 icon 属性为 h 函数创建的组件即可：

运行代码 新窗口打开
iconProps 和 iconStyle 的详细说明，在 Element 中使用图标是要包一个 ElIcon 组件的：

所以通过 iconProps 也可以设置图标的样式或 class ， iconStyle 属性是考虑到你可能想直接给 SVG 加样式。 locale 可以用于实现国际化(支持全局配置)，也可以用于修改默认文案：

运行代码 新窗口打开
在复制结束后会触发 copy 事件，复制成功及失败都会触发该事件，失败会携带 Error 参数，使用示例：

运行代码 新窗口打开
5.21.5.状态文本
状态文本组件会在文本前面加一个小圆点，一般用于表示状态的场景，使用示例：
运行代码 新窗口打开 属性列表： 5.21.6.状态仪表盘 状态仪表盘组件一般用于在数据看板中展示重要的状态信息，使用示例： 运行代码 新窗口打开 属性列表： 自定义尺寸和颜色的示例： 运行代码 新窗口打开 5.21.7.滚动数字 滚动数字组件基于 CountUp.js 封装，使用示例：

运行代码 新窗口打开
属性列表
例如带有小数时需要增加这样的配置：

运行代码 新窗口打开
事件列表
例如通过 ready 事件获取实例操作更多方法：

运行代码 新窗口打开