# UText 文本 - [示例](#示例) - [设置尺寸](#设置尺寸) - [设置颜色](#设置颜色) - [块级展示](#块级展示) - [文本过长](#文本过长) - [换行与空格](#换行与空格) - [API]() - [Props/Attrs](#propsattrs) - [Events](#events) **Display** 用于展示文字或表达式 ## 示例 ### 设置尺寸 通过`size`属性设置尺寸。 ``` html ``` ### 设置颜色 通过`color`属性设置颜色。 ``` html ``` ### 块级展示 使用`display="block"`可以快速将文本宽度充满整行。 ``` html 与周围其他文字保持在同一行。 宽度充满整行。 ``` ### 文本过长 使用`overflow`处理文本过长的问题。 ``` html ``` ### 换行与空格 ``` html ``` ## API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | text | string | | | 显示文本内容 | | color | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'default'` | 设置主题颜色样式 | | display | string | `[object Object]`
`[object Object]` | `'inline'` | 行内展示，或块级换行展示 | | overflow | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'normal'` | 文本过长时省略显示 | | size | string | `[object Object]`
`[object Object]`
`[object Object]`
`[object Object]`
`[object Object]` | `'default'` | 设置文本大小 | ### Events #### @click 在元素上按下并释放任意鼠标按钮时触发。 #### @dblclick 在元素上双击鼠标按钮时触发。 #### @contextmenu 在右键菜单显示前触发。 #### @mousedown 在元素上按下任意鼠标按钮时触发。 #### @mouseup 在元素上释放任意鼠标按钮时触发。 #### @mouseenter 鼠标移入元素时触发。 #### @mouseleave 鼠标移出元素时触发。