feat:删除画布背景和组件高亮的圆角,优化组件高亮后的样式,方便布局和定位,减少设计者的干扰

This commit is contained in:
QuietlyChan 2024-04-03 17:22:30 +08:00
parent 04bc68c3ce
commit 39a7815d42
3 changed files with 7 additions and 10 deletions

View File

@ -55,7 +55,6 @@ const rangeModelStyle = computed(() => {
position: relative;
transform-origin: left top;
background-size: cover;
border-radius: 10px;
overflow: hidden;
@include fetch-border-color('hover-border-color');
@include fetch-bg-color('background-color2');

View File

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

View File

@ -193,7 +193,6 @@ onMounted(() => {
@include background-image('background-point');
@include goId('chart-edit-content') {
border-radius: 10px;
overflow: hidden;
@extend .go-transition;
@include fetch-theme('box-shadow');