diff --git a/src/components/common/hot/index.vue b/src/components/common/hot/index.vue index 341f6331..f116265b 100644 --- a/src/components/common/hot/index.vue +++ b/src/components/common/hot/index.vue @@ -16,9 +16,9 @@
-
+
-
+
{{ item.name }}
{{ !is_obj_empty(item.link) ? '已设置' : '未设置' }}
@@ -160,7 +160,7 @@ const start_drag_area_box = (index: number, event: MouseEvent) => { // 当子元素拖拽方法触发后父元素方法不触发 document.onmousemove = (areaBoxEvent) => { - areaBoxEvent.stopPropagation(); + // areaBoxEvent.stopPropagation(); if (drag_box_bool.value) { if (!imgBoxRef.value) return; const new_coordinate = { @@ -186,7 +186,7 @@ const start_drag_area_box = (index: number, event: MouseEvent) => { } }; document.onmouseup = (areaBoxEvent) => { - areaBoxEvent.stopPropagation(); + // areaBoxEvent.stopPropagation(); drag_box_bool.value = false; }; }; @@ -198,7 +198,7 @@ const start_drag_btn = (index: number, event: MouseEvent) => { let clone_drag_start = hot_list.value.data[hot_list_index.value].drag_start; let clone_drag_end = hot_list.value.data[hot_list_index.value].drag_end; document.onmousemove = (dragBtnEvent) => { - dragBtnEvent.stopPropagation(); + // dragBtnEvent.stopPropagation(); //用鼠标的位置减去鼠标相对元素的位置,得到元素的位置 if (drag_box_scale_bool.value) { if (!imgBoxRef.value) return; @@ -213,7 +213,7 @@ const start_drag_btn = (index: number, event: MouseEvent) => { } }; document.onmouseup = (dragBtnEvent2) => { - dragBtnEvent2.stopPropagation(); + // dragBtnEvent2.stopPropagation(); drag_box_scale_bool.value = false; }; }; diff --git a/src/components/model-hot-zone/index.vue b/src/components/model-hot-zone/index.vue index 2ed67850..6dd441f1 100644 --- a/src/components/model-hot-zone/index.vue +++ b/src/components/model-hot-zone/index.vue @@ -39,7 +39,7 @@ watch( img_width.value = new_content?.hot.img_width || 1; img_height.value = new_content?.hot.img_height || 1; style_container.value = common_styles_computer(new_style.common_style); - nextTick(() => { + setTimeout(() => { if (containerRef.value && hotRef.value) { // 原图片的宽和高和实际展示的图片宽和高的比例 w_scale1.value = containerRef.value?.clientWidth / img_width.value; @@ -48,8 +48,9 @@ watch( // 坐标缩小比例 containerRef的宽高除以hotRef的宽高 w_scale2.value = hotRef.value?.clientWidth / containerRef.value?.clientWidth; h_scale2.value = hotRef.value?.clientHeight / containerRef.value?.clientHeight; + console.log(containerRef.value?.clientHeight); } - }); + }, 50); }, { immediate: true, deep: true } );