perf: 还原拖拽标记

This commit is contained in:
奔跑的面条 2024-04-10 10:49:56 +08:00
parent 81fc343a08
commit 18889bc5cf

View File

@ -99,23 +99,23 @@ const hide = computed(() => {
.shape-point { .shape-point {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 5px; width: 7px;
height: 5px; height: 7px;
border: 1px solid v-bind('themeColor'); border: 3px solid v-bind('themeColor');
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: #fff;
transform: translate(-40%, -30%); transform: translate(-40%, -30%);
&.t { &.t {
width: 5px; width: 30px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
&.b { &.b {
width: 5px; width: 30px;
transform: translate(-50%, -30%); transform: translate(-50%, -30%);
} }
&.l, &.l,
&.r { &.r {
height: 5px; height: 30px;
} }
&.r { &.r {
transform: translate(-20%, -50%); transform: translate(-20%, -50%);
@ -139,6 +139,7 @@ const hide = computed(() => {
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px;
} }
.shape-modal-select { .shape-modal-select {
@ -154,7 +155,7 @@ const hide = computed(() => {
&.selectActive, &.selectActive,
&.hoverActive { &.hoverActive {
border-color: v-bind('themeColor'); border-color: v-bind('themeColor');
border-width: 1px; border-width: 2px;
} }
&.hoverActive { &.hoverActive {
border-style: dotted; border-style: dotted;