mirror of
https://gitee.com/dromara/go-view.git
synced 2026-04-23 00:00:12 +08:00
fix: 解决缩放大于100%的问题
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div
|
||||
class="go-edit-range"
|
||||
class="go-edit-range go-transition"
|
||||
:style="rangeStyle"
|
||||
@mousedown="mousedownHandleUnStop($event, undefined)"
|
||||
>
|
||||
@@ -31,15 +31,24 @@ const size = computed(() => {
|
||||
})
|
||||
|
||||
const rangeStyle = computed(() => {
|
||||
// 缩放
|
||||
const scale = {
|
||||
transform: `scale(${getEditCanvas.value.scale})`
|
||||
}
|
||||
console.log(scale)
|
||||
// 设置背景色和图片背景
|
||||
const background = getEditCanvasConfig.value.background
|
||||
const backgroundImage = getEditCanvasConfig.value.backgroundImage
|
||||
const selectColor = getEditCanvasConfig.value.selectColor
|
||||
const backgroundColor = background ? background : undefined
|
||||
|
||||
const computedBackground = selectColor
|
||||
? { background: backgroundColor }
|
||||
: { background: `url(${backgroundImage}) no-repeat center/100% !important` }
|
||||
|
||||
|
||||
// @ts-ignore
|
||||
return { ...useSizeStyle(size.value), ...computedBackground }
|
||||
return { ...useSizeStyle(size.value), ...computedBackground, ...scale }
|
||||
})
|
||||
|
||||
// 模态层
|
||||
@@ -55,6 +64,7 @@ const rangeModelStyle = computed(() => {
|
||||
position: relative;
|
||||
border: 1px solid;
|
||||
border-radius: 15px;
|
||||
transform-origin: left top;
|
||||
@include fetch-theme('box-shadow');
|
||||
@include filter-border-color('hover-border-color');
|
||||
@include fetch-theme-custom('border-color', 'background-color4');
|
||||
|
||||
@@ -12,11 +12,10 @@ export const useComponentStyle = (attr: AttrType, index: number) => {
|
||||
}
|
||||
|
||||
export const useSizeStyle = (attr: AttrType, scale?: number) => {
|
||||
const sizeStyle = {
|
||||
return {
|
||||
width: `${scale ? scale * attr.w : attr.w}px`,
|
||||
height: `${scale ? scale * attr.h : attr.h}px`
|
||||
}
|
||||
return sizeStyle
|
||||
}
|
||||
|
||||
// 锚点位置
|
||||
|
||||
@@ -96,8 +96,6 @@ onMounted(() => {
|
||||
@extend .go-point-bg;
|
||||
@include goId(chart-edit-content) {
|
||||
margin: 20px;
|
||||
/* overflow: hidden; */
|
||||
transform-origin: left top;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
@extend .go-transition;
|
||||
&.content-resize {
|
||||
|
||||
Reference in New Issue
Block a user