# Text 文本

cl-button 文本组件,包含 手机号 金额 内容超出省略 等等

# Props

参数 说明 类型 可选值 默认值
value 文本内容 string
type 类型 string text / price / phone / text
bold 是否粗体 boolean false
margin 外间距 array
block 是否块状 boolean false
ellipsis 文本超出省略 number
size 字体大小 string, number 24
precision 小数点:price 有效 boolean true
line-through 穿过文本下的一条线 boolean false
letter-spacing 文本水平间隔 number 0
color 字体颜色 string #444
prefix-icon 前缀图标 string
suffix-icon 后缀图标 string

# 示例

基本用法

<cl-text value="云想衣裳花想容,春风拂槛露华浓。"></cl-text>

不同颜色

<cl-text value="主色" color="primary"></cl-text>
<cl-text value="成功" color="success"></cl-text>
<cl-text value="错误" color="error"></cl-text>
<cl-text value="警告" color="warning"></cl-text>
<cl-text value="信息" color="info"></cl-text>

手机号

<cl-text type="phone" value="13255022022"></cl-text>

金额

<cl-text type="price" :size="40" value="19450"></cl-text>

超出隐藏

<cl-text
	:ellipsis="2"
	block
	value="锦瑟无端五十弦,一弦一柱思华年。庄生晓梦迷蝴蝶,望帝春心托杜鹃。沧海月明珠有泪,蓝田日暖玉生烟。此情可待成追忆,只是当时已惘然。"
></cl-text>