OverflowHidden 内容超出隐藏

支持文本按行截断，或对超出指定高度的内容显示渐变遮罩。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 文本超过两行时截断 -->
<fui-overflow-hidden text="较长的说明内容" :rows="2" />

属性

属性	类型	说明	官网默认值
text	String	显示文本	-
type	Number / String	1 为文本截断，2 为内容渐变隐藏	1
rows	Number / String	文本显示行数，type 为 1 时有效	1
width	String	内容宽度，需带单位	100%
height	String	内容高度，type 为 2 时必填并应小于实际内容高度	auto
padding	Array	内容区内边距，type 为 2 时有效	['0', '0']
align	String	文本对齐：left、center、right	left
background	String	背景色	transparent
size	Number / String	文字大小，单位 rpx	32
color	String	文字颜色	#333333
fontWeight	Number / String	文字字重	normal
overflow	String	文本截断方式：clip、ellipsis 或 string	ellipsis
gradientColor	String	渐变颜色，应与内容背景保持一致	#FFFFFF
visible	Boolean	type 为 2 时是否显示被隐藏内容	false
param	Number / String	点击事件携带的自定义参数	0

事件

事件	说明	回调参数
click	点击内容时触发	{ param }

插槽

插槽	说明
default	type 为 2 时的自定义内容

平台说明

nvue 不支持百分比宽度，请使用 rpx 或 px 等单位。