更新记录

1.0.0（2025-02-27） 下载此版本

已发布签名基础功能

平台兼容性

导入签名组件

// hbuilderx 插件安装好之后就可以直接导入
import Signature from '@/components/sidney-signature/sidney-signature.vue';

模板内使用

<button @click="handleSignature">开始签名</button>
<img :src="imgUrl" alt="" />
<Signature @onConfirm="onConfirm" ref="signatureRef"></Signature>

import {ref} from 'vue';

// 定义组件r ef 对象
const signatureRef = ref();

// 定义触发方法
const handleSignature = () => {
  signatureRef.value.begin();
}

// 定义图片地址 ref
const imgUrl = ref("");

// 确定事件
// cb 回调会关闭组件，结束签字
const onConfirm = ({url},cb) => {
  imgUrl.value = url;
  cb();
}

注意

1. 需要提前安装好 sass 插件