github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 00:02:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/chart/ContentEdit/components/EditRange/index.vue
View File

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

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

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

1
src/views/chart/ContentEdit/index.vue
View File

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