CopyText 长按复制，用于复制关键文本信息，可扩展其他功能按钮。

支持平台

App（vue）	App（nvue）	H5	小程序
✓	✓	✓	✓

基础使用

通过 text 属性设置显示文本，value 属性设置需要复制的内容，若value为空则默认复制 text 内容。

<wui-copy-text text="长按文本复制" value="firstui.cn"></wui-copy-text>

设置扩展按钮

通过 text 属性设置显示文本，value 属性设置需要复制的内容，color 属性设置显示文本颜色，size 属性设置显示文本字体大小，buttons 属性设置扩展按钮。

<wui-copy-text text="长按文本复制" value="https://www.baidu.com" color="#FFB703" size="30" :buttons="['回复','评论']" @click="btnClick"></wui-copy-text>

const btnClick = (e)=> {
		console.log(e)
    Toast(`您点击了【${e.text}】按钮`)
}

Slots

插槽名称	说明
-	-

Props

属性名	类型	说明	默认值	平台差异说明
text	String	显示文本	-	-
value	String	需要复制的文本，为空则复制text内容	-	-
size	Number, String	显示文本字体大小	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	操作按钮层级z-index值	1001	Nvue端无效，默认越靠后的元素层级越高
removeCopy	Boolean	是否移除复制按钮（有扩展按钮时生效）	false	-
buttons	Array	扩展按钮，字符串数组，如 ['回复','评论']	[ ]	-

Events

事件名	说明	回调参数
@click	点击扩展按钮时触发	{ index:按钮索引 text:按钮文本 }
@copy	点击复制按钮时触发	{ text:显示文本 value:要复制的文本 }