# Text 文本

用于文本内容控制,更方便与控制内容属性

温馨提示

unify-text超出无法换行的情况下,需要给unify-text组件一个宽度,在nvue中,text文本需要宽度才允许换行显示
当前组件不建议在支付宝小程序使用,在支付宝小程序会有样式显示延迟现象,支付宝小程序建议使用使用布局样式。

# 基本用法

<unify-text text="明月几时有?把酒问青天。不知天上宫阙,今夕是何年?"></unify-text>

# styles属性使用方式

自定义组件样式,同 css 样式,注意带’-‘连接符的属性需要使用小驼峰写法如:backgroundColor:red

<unify-text :styles="{backgroundColor:'#FABC43'}" text="风定落花深,帘外拥红堆雪。"></unify-text>

# Attributes

参数 说明 类型 可选值 默认值
text 文本内容 String - -
size 字号(rpx) String/Number - 28
color 文本颜色 String - color-main
width 文本宽度(需设置宽度文本才会换行显示) String/Number - -
ellipsis 超出行显示省略 String/Number 1~12 -
align 文字位置 String left/center/right left
bold 加粗 Boolean false/true false
line-height 行高(rpx) String/Number - -
styles 自定义组件样式,同 css 样式,注意带’-‘连接符的属性需要使用小驼峰写法如:backgroundColor:red Object - -