更新记录
1.0(2024-04-15) 下载此版本
v1.0.0
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
使用说明 wind-copy 组件
wind-copy 是一个自定义的 Vue 组件,用于在前端页面实现一键复制文本的功能。它提供了丰富的自定义选项,让你可以根据需要调整样式、复制内容和回调函数等。
组件属性 styleObj:string 类型,用于定义组件的样式。你可以传入一个 CSS 样式字符串,例如 color:red; 来设置文本颜色。
copyTextStr:string 类型,需要复制的文本内容。你可以通过这个属性设置要复制的文本,例如 测试文案。
callBack:function 类型,可选的回调函数。当复制操作成功时,会调用这个函数。你可以在组件的父组件中定义这个函数,并在 wind-copy 组件中通过 :callBack 属性传入。
tips:string 类型,可选的提示信息。当复制操作成功时,会显示这个提示信息给用户。例如,你可以设置为 复制成功。
<wind-copy styleObj="color:red;" copyTextStr="测试文案" :callBack="callback" tips="复制成功"></wind-copy>