mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

branch: 合并锚点样式修改

Browse Source
This commit is contained in:
奔跑的面条 2022-05-28 12:46:32 +08:00
commit 437dd1c411
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/chart/ContentEdit/components/EditShapeBox/index.vue
View File

@ -3,7 +3,7 @@
<slot></slot> <slot></slot>
<!-- 锚点 --> <!-- 锚点 -->
<div <div
class="shape-point" :class="`shape-point ${point}`"
v-for="(point, index) in (select? pointList : [])" v-for="(point, index) in (select? pointList : [])"
:key="index" :key="index"
:style="usePointStyle(point, index, item.attr, cursorResize)" :style="usePointStyle(point, index, item.attr, cursorResize)"
@ -65,12 +65,20 @@ const select = computed(() => {
.shape-point { .shape-point {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
width: 7px; width: 10px;
height: 7px; height: 10px;
border: 3px 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,
&.b {
width: 30px;
}
&.l,
&.r {
height: 30px;
}
} }
/* 选中 */ /* 选中 */
.shape-modal { .shape-modal {