diff --git a/src/views/chart/ContentEdit/components/EditRange/index.vue b/src/views/chart/ContentEdit/components/EditRange/index.vue index 8c6dd3de..b2258fef 100644 --- a/src/views/chart/ContentEdit/components/EditRange/index.vue +++ b/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; -} diff --git a/src/views/chart/ContentEdit/components/EditRule/index.vue b/src/views/chart/ContentEdit/components/EditRule/index.vue index ee10b5c1..26b6d1a6 100644 --- a/src/views/chart/ContentEdit/components/EditRule/index.vue +++ b/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 {