From 18889bc5cfcc93e64505eb5eaa263c1293956499 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?= <1262327911@qq.com> Date: Wed, 10 Apr 2024 10:49:56 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E8=BF=98=E5=8E=9F=E6=8B=96=E6=8B=BD?= =?UTF-8?q?=E6=A0=87=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ContentEdit/components/EditShapeBox/index.vue | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue index 44eea882..babd1211 100644 --- a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue +++ b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue @@ -99,23 +99,23 @@ const hide = computed(() => { .shape-point { z-index: 1; position: absolute; - width: 5px; - height: 5px; - border: 1px solid v-bind('themeColor'); + width: 7px; + height: 7px; + border: 3px solid v-bind('themeColor'); border-radius: 5px; background-color: #fff; transform: translate(-40%, -30%); &.t { - width: 5px; + width: 30px; transform: translate(-50%, -50%); } &.b { - width: 5px; + width: 30px; transform: translate(-50%, -30%); } &.l, &.r { - height: 5px; + height: 30px; } &.r { transform: translate(-20%, -50%); @@ -139,6 +139,7 @@ const hide = computed(() => { position: absolute; width: 100%; height: 100%; + border-radius: 10px; } .shape-modal-select { @@ -154,7 +155,7 @@ const hide = computed(() => { &.selectActive, &.hoverActive { border-color: v-bind('themeColor'); - border-width: 1px; + border-width: 2px; } &.hoverActive { border-style: dotted;