Просмотр исходного кода

chore:修改拖拽标点样式

奔跑的面条 3 лет назад
Родитель
Сommit
674f748d20
1 измененных файлов с 11 добавлено и 3 удалено
  1. 11 3
      src/views/chart/ContentEdit/components/EditShapeBox/index.vue

+ 11 - 3
src/views/chart/ContentEdit/components/EditShapeBox/index.vue

@@ -3,7 +3,7 @@
     <slot></slot>
     <!-- 锚点 -->
     <div
-      class="shape-point"
+      :class="`shape-point ${point}`"
       v-for="(point, index) in (select? pointList : [])"
       :key="index"
       :style="usePointStyle(point, index, item.attr, cursorResize)"
@@ -65,12 +65,20 @@ const select = computed(() => {
   .shape-point {
     z-index: 1;
     position: absolute;
-    width: 7px;
-    height: 7px;
+    width: 10px;
+    height: 10px;
     border: 3px solid v-bind('themeColor');
     border-radius: 5px;
     background-color: #fff;
     transform: translate(-40%, -30%);
+    &.t, 
+    &.b {
+      width: 30px;
+    }
+    &.l, 
+    &.r {
+      height: 30px;
+    }
   }
   /* 选中 */
   .shape-modal {