From ff4aa4d667f8e0182f2555cfcc11804c9d18df33 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Thu, 11 Sep 2025 15:49:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AD=BE=E5=90=8D=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                    |  6 +++++
 pages/signature/signature.vue | 45 +++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 pages/signature/signature.vue

diff --git a/pages.json b/pages.json
index 5332ab2..08e1266 100644
--- a/pages.json
+++ b/pages.json
@@ -128,6 +128,12 @@
       "style": {
         "navigationBarTitleText": "签署安装协议"
       }
+    },
+    {
+      "path": "pages/signature/signature",
+      "style": {
+        "navigationBarTitleText": "签名"
+      }
     }
   ],
   "subPackages": [
diff --git a/pages/signature/signature.vue b/pages/signature/signature.vue
new file mode 100644
index 0000000..2957cc2
--- /dev/null
+++ b/pages/signature/signature.vue
@@ -0,0 +1,45 @@
+<template>
+  <view style="width: 100vw; height: 100vh">
+    <l-signature landscape></l-signature>
+  </view>
+  <view style="transform: rotate(90deg)">
+    <button @click="onClick('clear')">清空</button>
+    <button @click="onClick('undo')">撤消</button>
+    <button @click="onClick('save')">保存</button>
+    <button @click="onClick('openSmooth')">压感{{ openSmooth ? '开' : '关' }}</button>
+  </view>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      title: 'Hello',
+      penColor: 'red',
+      penSize: 5,
+      url: '',
+      openSmooth: true,
+    }
+  },
+  methods: {
+    onClick(type) {
+      if (type === 'openSmooth') {
+        this.openSmooth = !this.openSmooth
+        return
+      }
+      if (type === 'save') {
+        this.$refs.signatureRef.canvasToTempFilePath({
+          success: res => {
+            // 是否为空画板 无签名
+            console.log(res.isEmpty)
+            // 生成图片的临时路径
+            // H5 生成的是base64
+            this.url = res.tempFilePath
+          },
+        })
+        return
+      }
+      if (this.$refs.signatureRef) this.$refs.signatureRef[type]()
+    },
+  },
+}
+</script>