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

位置调整时不允许组件拖动上边界

dsy 6 дней назад
Родитель
Сommit
1f1e67c889
1 измененных файлов с 3 добавлено и 2 удалено
  1. 3 2
      src/views/book/courseware/create/components/PreviewEdit.vue

+ 3 - 2
src/views/book/courseware/create/components/PreviewEdit.vue

@@ -20,7 +20,7 @@
                   :key="`${type}-${i}-${j}-${k}`"
                   class="drag-line"
                   :class="[type, ...lineClass]"
-                  :style="{ gridArea: type }"
+                  :style="{ gridArea: type, cursor }"
                   :data-type="type"
                   @mousedown="dragStart($event, { cursor, type, i, j, k, id: grid.id })"
                 ></span>
@@ -86,7 +86,7 @@ export default {
       moveLineList: [
         {
           type: 'top',
-          cursor: 'ns-resize',
+          cursor: 'default',
           lineClass: ['drag-line'],
         },
         {
@@ -263,6 +263,7 @@ export default {
     dragStart(event, { cursor, type, id, i, j, k }) {
       const dragElement = this.findChildComponentByKey(`preview-${id}`);
       if (!dragElement) return;
+      if (cursor === 'default') return; // 无需拖动
       this.dragElement = dragElement;
 
       const { clientX, clientY } = event;