CopyText 长按复制

长按文本可显示复制操作，也可配置额外的操作按钮。

支持平台

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

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

基础用法

<!-- 长按显示复制操作 -->
<fui-copy-text text="需要复制的内容" />

属性

属性	类型	说明	官网默认值
text	String	显示文本	-
value	String	复制内容，为空时使用 text	-
size	Number / String	文字大小，单位 rpx	28
fontWeight	Number / String	文字字重	400
color	String	文字颜色	#181818
background	String	选中文本时的背景色	transparent
showBtn	Boolean	是否显示复制按钮；无扩展按钮时为 false 可长按直接复制	true
direction	String	操作按钮方向：top、left、right、bottom	top
zIndex	Number / String	操作按钮层级，nvue 不支持	1001
removeCopy	Boolean	有扩展按钮时是否移除复制按钮	false
buttons	Array	扩展按钮文本数组	[]

事件

事件	说明	回调参数
click	点击扩展按钮时触发	{ index, text }
copy	复制成功时触发	{ text, value }

本地源码返回的 value 是传入的 value 属性；即使未传 value 时实际复制了 text，回调中的 value 仍为空。

平台说明

nvue 不支持 zIndex，组件前后顺序会影响层级。

插槽

插槽	说明
—	官网未列出该组件的插槽