修改交互

src/components/Contextmenu/index.vue

@@ -76,5 +76,6 @@ const handleClickMenuItem = (item: ContextmenuItem) => {
   position: fixed;
   z-index: 9999;
   user-select: none;
+  font-family: Arial, Helvetica, sans-serif;
 }
 </style>
\ No newline at end of file

src/views/Editor/Canvas/Operate/BorderLine.vue

@@ -20,19 +20,19 @@ withDefaults(defineProps<{
   height: 0;
   left: 0;
   top: 0;
-  border: 0 dashed $themeColor;
+  border: 0 solid $themeColor;
 
   &.top {
-    border-top-width: 1px;
+    border-top-width: 2px;
   }
   &.bottom {
-    border-bottom-width: 1px;
+    border-bottom-width: 2px;
   }
   &.left {
-    border-left-width: 1px;
+    border-left-width: 2px;
   }
   &.right {
-    border-right-width: 1px;
+    border-right-width: 2px;
   }
 
   &.wide {

src/views/Editor/Canvas/Operate/ResizeHandler.vue

@@ -33,12 +33,13 @@ const rotateClassName = computed(() => {
   position: absolute;
   width: 10px;
   height: 10px;
+  border-radius: 10px;
   left: 0;
   top: 0;
-  margin: -5px 0 0 -5px;
-  border: 1px solid $themeColor;
+  margin: -4px 0 0 -4px;
+  // border: 1px solid $themeColor;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
   background-color: #fff;
-  border-radius: 1px;
   cursor: pointer;
 
   &.left-top.rotate-0,
@@ -81,5 +82,14 @@ const rotateClassName = computed(() => {
   &.right-bottom.rotate-135 {
     cursor: ew-resize;
   }
+  &.left.rotate-0,
+  &.right.rotate-0{
+    width:6px;
+    height: 14px;
+    border-radius: 6px;
+    margin-left: -2px;
+    margin-top: -6px;
+    cursor: url('https://im.oytour.com/trip/cusor/7e6be5a8633602679325c01e745e53ef.svg') 16 16, default;
+  }
 }
 </style>
\ No newline at end of file

src/views/Editor/Canvas/Operate/RotateHandler.vue

@@ -11,11 +11,12 @@
   position: absolute;
   width: 10px;
   height: 10px;
+  border-radius: 10px;
   top: -25px;
-  margin-left: -5px;
-  border: 1px solid $themeColor;
+  margin-left: -4px;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  // border: 1px solid $themeColor;
   background-color: #fff;
-  border-radius: 1px;
   cursor: grab;
 
   &:active {

src/views/components/element/ImageElement/index.vue

@@ -174,7 +174,7 @@ const handleClip = (data: ImageClipedEmitData | null) => {
   position: absolute;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg?r=666') 16 16, default;
   }
 }
 .rotate-wrapper {