Forráskód Böngészése

fix: 修改rule坐标错误问题,缩放导致长度不足问题

MTrun 3 éve
szülő
commit
fe4184c6c4

+ 0 - 10
src/views/chart/ContentEdit/components/EditRange/index.vue

@@ -62,14 +62,4 @@ const rangeStyle = computed(() => {
   @include fetch-theme-custom('border-color', 'background-color4');
   @include filter-bg-color('background-color2');
 }
-@include go(edit-range-model) {
-  z-index: -1;
-  position: absolute;
-  left: 0;
-  top: 0;
-  border-radius: 15px;
-  border: 1px solid rgba(0, 0, 0, 0);
-  background-color: greenyellow;
-  opacity: 0.2;
-}
 </style>

+ 8 - 3
src/views/chart/ContentEdit/components/EditRule/index.vue

@@ -22,11 +22,11 @@ const themeColor = ref(designStore.getAppTheme)
 const { width, height } = toRefs(chartEditStore.getEditCanvasConfig)
 
 // 初始化标尺的缩放
-const scale = 2
+const scale = 1
 // x轴标尺开始的坐标数值
-const startX = 0
+const startX = 20
 // y轴标尺开始的坐标数值
-const startY = 0
+const startY = 20
 // 标尺的厚度
 const thick = 20
 // 初始化水平标尺上的参考线
@@ -43,13 +43,18 @@ const lines = {
 
 /* 横线 */
 #mb-ruler .v-container .lines .line {
+  /* 最大缩放 200% */
+  height: 200vw!important;
   border-top: 1px dashed v-bind('themeColor') !important;
+  
 }
 #mb-ruler .v-container .indicator {
   border-bottom: 1px dashed v-bind('themeColor') !important;
 }
 /* 竖线 */
 #mb-ruler .h-container .lines .line {
+  /* 最大缩放 200% */
+  height: 200vh!important;
   border-left: 1px dashed v-bind('themeColor') !important;
 }
 #mb-ruler .h-container .indicator {