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;
+}
+