更新记录

1.1.1(2025-11-11) 下载此版本

1.1.0(2025-11-11) 下载此版本

解决提交签名第二次才能拿到正确图片问题,新增画笔颜色,取消和提交按钮文字属性,新增清空画布回调

1.0.1(2024-05-07) 下载此版本

新增适配IOS底部安全区

查看更多

平台兼容性

uni-app(4.27)

Vue2 Vue2插件版本 Vue3 Vue2插件版本 Chrome Chrome插件版本 Safari Safari插件版本 app-vue app-vue插件版本 app-nvue app-nvue插件版本 Android Android插件版本 iOS iOS插件版本 鸿蒙 鸿蒙插件版本
1.0.0 1.0.0 1.0.0 1.0.0 1.0.0 1.0.0 11.0 1.0.0 12 1.0.0 1.0.0
微信小程序 微信小程序插件版本 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
last 1.0.0 -

uni-app x(4.27)

Chrome Safari Android Android插件版本 iOS iOS插件版本 鸿蒙 微信小程序
11.0 1.0.0 12 1.0.0

一、使用

下载该插件并导入项目即可

本插件符合uni_modules规范在项目中无需额外导入即可全局使用,具体可查看下方完整示例

二、插件属性及方法说明

名称 类型 默认 是否必填 说明
lineColor String #000000 画笔颜色
adaptToBottomHeight Boolean false 适配IOS设备底部横条
clearButTxt String 清除重写 清除按钮文字
confirmButTxt String 提交签名 提交按钮文字
@confirm Function 提交签名回调,为签名图片临时地址,可用于图片上传
@clear Function 清除画布回调

三、完整示例

<template>
    <view>
        <qcy-signature 
            :adaptToBottomHeight='true' 
            @confirm='confirm'
            @clear='clear'
            lineColor='#ff0000'
            clearButTxt='清除'
            confirmButTxt='提交'
        ></qcy-signature>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        methods:{
            confirm(data){
                console.log(data);
            },
            clear(){
                console.log("内容已清除");
            }
        }

    }
</script>

<style lang="scss">

</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议