# Text 文本 ## 基本用法 设置 `text` 设置文本内容。推荐您使用:text='value'的形式。 ```html ``` ## 设置主题 通过type参数设置文本主题，我们提供了五类属性：primary error success warning info-默认。 ```html ``` ## 自定义字体颜色 设置 `color` 属性。 ```html ``` ## 是否粗体 设置 `bold` 属性。 ```html ``` ## 字体大小 设置 `size` 属性。 ```html ``` ## 脱敏 设置 `format` 属性,当 `mode` 为 `phone``name`时生效。 ```html ``` ## 事件 ```html ``` ```typescript function clickTest(){ console.log(1) } ``` ## Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | 最低版本 | | ------------- | ------------------------ | ------- | -------------------------------------------- | ------ | -------- | | type | 主题类型 | string | 'primary' / 'error' / 'warning' / 'success' | default | - | | text | 文字 | string | - | | - | | size | 字体大小 | string | - | - | - | | mode | 文本处理的匹配模式 | string | 'text-普通文本' / 'date - 日期' / 'phone - 手机号' / 'name - 姓名' | text | - | | bold | 是否粗体，默认normal | boolean | - | false | - | | format | 是否脱敏 | boolean | 当mode为phone和name时生效 | false | - | | color | 文字颜色 | string | - | - | - | | lines | 文本显示的行数，如果设置，超出此行数，将会显示省略号。最大值为5。 | Number | - | - | - | | lineHeight | 文本行高 | string | - | | - | ## Events | 事件名称 | 说明 | 参数 | 最低版本 | | -------- | -------------------------- | ----------- | -------- | | click | 标签点击时触发 | event | - | ## Slots ## 外部样式类 | 类名 | 说明 | 最低版本 | | ------------ | ---------- | -------- | | custom-class | 根节点样式 | - | | custom-style | 根节点样式 | - |