diff --git a/src/components/VueSignature.vue b/src/components/VueSignature.vue index 307d2821..a00e735a 100644 --- a/src/components/VueSignature.vue +++ b/src/components/VueSignature.vue @@ -159,8 +159,7 @@ export default { signaturePad.value.maxWidth = 212; signaturePad.value.penColor = '#fafafa'; signaturePad.value.velocityFilterWeight = - signaturePad.value.velocityFilterWeight + 0.1; - pressure; + signaturePad.value.velocityFilterWeight + 0.1; } else { signaturePad.value.minWidth = 2; signaturePad.value.maxWidth = 2; diff --git a/src/views/planetDesign/Design/components/Signature.vue b/src/views/planetDesign/Design/components/Signature.vue index 4530d7e9..2237dec9 100644 --- a/src/views/planetDesign/Design/components/Signature.vue +++ b/src/views/planetDesign/Design/components/Signature.vue @@ -10,30 +10,29 @@ } " @end="onMouseup" - @mousemove="onMousemove" @mouseup="onMouseup" - @mouseleave="onMouselever" @begin="onMousedown" >
- + 清空 - + 撤销 - + {{ isPen ? '画笔' : '橡皮' }} - + 完成并上传 { - isMouseDown.value = true; showBtn.value = false; - e.preventDefault(); - }; - const onMousemove = (e) => { - // e.preventDefault(); - if (!isMouseDown.value) { - showBtn.value = true; - } else { - showBtn.value = false; - } - // console.log("onMousemove", e); }; const onMouseup = (e) => { e.preventDefault(); - if (isMouseDown.value) { - isMouseDown.value = false; - showBtn.value = true; - } - }; - const onMouselever = (e) => { - e.preventDefault(); - showBtn.value = false; + showBtn.value = true; }; return { save, @@ -123,9 +104,7 @@ export default { isPen, showBtn, onMousedown, - onMousemove, onMouseup, - onMouselever }; } }; @@ -137,7 +116,8 @@ export default { width: 302px; height: 152px; .vue-signature-btn { - display: flex; + // display: flex; + display: none; width: 302px; height: 42px; background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #000000 100%); @@ -164,6 +144,7 @@ export default { } .lb { border-left: 1px solid; + cursor:pointer; } } } @@ -177,4 +158,11 @@ export default { .noPen { cursor: url('/ico/noPen.ico') 18 18, crosshair; } +.vue-signature:hover .vue-signature-btn{ + display:flex !important; +} +.hidebtn{ + display: none !important; +} +