更新记录
1.0.0(2025-04-28)
下载此版本
初次发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
zys-words-signature 组件使用文档
组件概述
zys-words-signature 是一个手写签名输入组件,支持自定义画笔属性并返回签名结果。适用于需要用户手写签名的场景(如合同签署、表单确认等)。
Props 配置项
属性名 |
类型 |
默认值 |
必填 |
说明 |
sign |
String |
"" |
否 |
签名名字 |
penColor |
String |
#000000 |
否 |
画笔颜色(支持 HEX/RGB/RGBA 格式) |
dotSize |
Number |
20 |
否 |
画笔点大小(建议范围 10-50) |
onFinished |
Function |
(data) => {} |
否 |
签名完成回调函数,H5端返回签名图片的 base64 数据,微信端返回访问路径 |
基础使用
<template>
<zys-words-signature
:sign="presetSignature"
pen-color="#FF5733"
:dot-size="25"
@on-finished="handleSignatureComplete"
/>
</template>
<script setup>
import { ref } from 'vue';
const presetSignature = ref('张三'); // 预设签名
const handleSignatureComplete = (data) => {
console.log('生成的签名:', data);
// 可在此处实现上传服务器或本地保存逻辑
};
</script>