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

Merge pull request !229 from QuietlyChan/feat-ui

src/views/chart/ContentEdit/components/EditRange/index.vue

@@ -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');

src/views/chart/ContentEdit/components/EditShapeBox/index.vue

@@ -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;

src/views/chart/ContentEdit/index.vue

@@ -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');