mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
MTrun 2022-03-16 11:22:22 +08:00
parent 5f7ebcf233
commit fe4184c6c4
2 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,14 +62,4 @@ const rangeStyle = computed(() => {
@include fetch-theme-custom('border-color', 'background-color4'); @include fetch-theme-custom('border-color', 'background-color4');
@include filter-bg-color('background-color2'); @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> </style>

11
src/views/chart/ContentEdit/components/EditRule/index.vue
View File

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