feat: 更新签名板组件并添加

This commit is contained in:
xingyy 2025-02-20 15:17:04 +08:00
parent c65203ead6
commit 85f81d287e
3 changed files with 33 additions and 9 deletions

View File

@ -1,5 +1,5 @@
<script setup>
import { VueSignaturePad } from 'vue-signature-pad';
import {VueSignaturePad} from 'vue-signature-pad';
import { showToast } from 'vant';
import { onMounted } from 'vue';
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
@ -45,11 +45,13 @@ router.push('/collectCode/signature/result')
<template>
<div class="signature-container">
<div class="flex flex-col h-100vh px-20px py-20px bg-gray w-100vw">
<VueSignaturePad
width="100%"
class="signature bg-#fff rounded-10px mb-10px"
ref="signaturePad"
/>
<client-only>
<VueSignaturePad
width="100%"
class="signature bg-#fff rounded-10px mb-10px"
ref="signaturePad"
/>
</client-only>
<div class="flex justify-evenly">
<van-button class="!h-40px mr-15px" type="primary" @click="goBack">
返回

View File

@ -9,18 +9,21 @@
"dev:prod": "cross-env ENV_FILE=.env.prod nuxt dev",
"build:test": "cross-env ENV_FILE=.env.test nuxt build",
"build:prod": "cross-env ENV_FILE=.env.prod nuxt build",
"build:test-csr": "cross-env ENV_FILE=.env.test nuxt generate",
"build:prod-csr": "cross-env ENV_FILE=.env.prod nuxt generate",
"build:test-csr": "cross-env ENV_FILE=.env.test nuxt generate --mode client-only",
"build:prod-csr": "cross-env ENV_FILE=.env.prod nuxt generate --mode client-only",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
"typecheck": "vue-tsc --noEmit",
"release": "bumpp --commit --push --tag",
"start": "cross-env ENV_FILE=.env.prod nuxt start"
"start": "cross-env ENV_FILE=.env.prod nuxt start",
"dev:test-csr": "cross-env ENV_FILE=.env.test NODE_ENV=development nuxt dev --mode client-only",
"dev:prod-csr": "cross-env ENV_FILE=.env.prod NODE_ENV=development nuxt dev --mode client-only"
},
"dependencies": {
"@fingerprintjs/fingerprintjs": "^4.5.1",
"@nuxtjs/i18n": "^9.1.1",
"@selemondev/vue3-signature-pad": "^1.1.5",
"@vueuse/core": "^12.4.0",
"aliyun-aliplayer": "^2.28.5",
"axios": "^1.7.9",

View File

@ -17,6 +17,9 @@ importers:
'@nuxtjs/i18n':
specifier: ^9.1.1
version: 9.2.0(@vue/compiler-dom@3.5.13)(eslint@9.20.1(jiti@2.4.2))(magicast@0.3.5)(rollup@4.34.6)(typescript@5.7.3)(vue@3.5.13(typescript@5.7.3))
'@selemondev/vue3-signature-pad':
specifier: ^1.1.5
version: 1.1.5(vue@3.5.13(typescript@5.7.3))
'@vueuse/core':
specifier: ^12.4.0
version: 12.6.1(typescript@5.7.3)
@ -1256,6 +1259,11 @@ packages:
cpu: [x64]
os: [win32]
'@selemondev/vue3-signature-pad@1.1.5':
resolution: {integrity: sha512-AJxajgLzeKQ/fDr4605vCJt44BucFLLKLmQ1XMUDajFu3C8mkSqmnDzpb6EM1GbZxXxAxEFA4pPHoQ8tuT0Pow==}
peerDependencies:
vue: ^3.2.0
'@sindresorhus/merge-streams@2.3.0':
resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
engines: {node: '>=18'}
@ -3842,6 +3850,9 @@ packages:
signature_pad@3.0.0-beta.4:
resolution: {integrity: sha512-cOf2NhVuTiuNqe2X/ycEmizvCDXk0DoemhsEpnkcGnA4kS5iJYTCqZ9As7tFBbsch45Q1EdX61833+6sjJ8rrw==}
signature_pad@5.0.4:
resolution: {integrity: sha512-nngOixbwLAUOuH3QnZwlgwmynQblxmo4iWacKFwfymJfiY+Qt+9icNtcIe/okqXKun4hJ5QTFmHyC7dmv6lf2w==}
simple-git@3.27.0:
resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
@ -5778,6 +5789,12 @@ snapshots:
'@rollup/rollup-win32-x64-msvc@4.34.6':
optional: true
'@selemondev/vue3-signature-pad@1.1.5(vue@3.5.13(typescript@5.7.3))':
dependencies:
nanoid: 5.0.9
signature_pad: 5.0.4
vue: 3.5.13(typescript@5.7.3)
'@sindresorhus/merge-streams@2.3.0': {}
'@tootallnate/quickjs-emscripten@0.23.0':
@ -8901,6 +8918,8 @@ snapshots:
signature_pad@3.0.0-beta.4: {}
signature_pad@5.0.4: {}
simple-git@3.27.0:
dependencies:
'@kwsites/file-exists': 1.1.1