From 9d3f53c315974b423f23aa5d40058bea95318d4f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
<1262327911@qq.com>
Date: Mon, 25 Apr 2022 16:50:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/preview/index.vue | 2 +-
src/views/preview/utils/style.ts | 5 ++++-
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/views/preview/index.vue b/src/views/preview/index.vue
index 2f766668..d50bc5b5 100644
--- a/src/views/preview/index.vue
+++ b/src/views/preview/index.vue
@@ -24,7 +24,7 @@ import type { ChartEditStorageType } from './index.d'
const localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType
-const previewRefStyle: any = computed(() => {
+const previewRefStyle = computed(() => {
return { ...getEditCanvasConfigStyle(localStorageInfo.editCanvasConfig), ...getStyle(localStorageInfo.editCanvasConfig) }
})
diff --git a/src/views/preview/utils/style.ts b/src/views/preview/utils/style.ts
index 1a8845b9..a0fd37ca 100644
--- a/src/views/preview/utils/style.ts
+++ b/src/views/preview/utils/style.ts
@@ -4,6 +4,7 @@ import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditSt
type AttrType = PickCreateComponentType<'attr'>
type StylesType = PickCreateComponentType<'styles'>
+// 设置位置
export const getComponentAttrStyle = (attr: AttrType, index: number) => {
const componentStyle = {
zIndex: index + 1,
@@ -13,6 +14,7 @@ export const getComponentAttrStyle = (attr: AttrType, index: number) => {
return componentStyle
}
+// 设置大小
export const getSizeStyle = (attr: AttrType, scale?: number) => {
const sizeStyle = {
width: `${scale ? scale * attr.w : attr.w}px`,
@@ -21,6 +23,7 @@ export const getSizeStyle = (attr: AttrType, scale?: number) => {
return sizeStyle
}
+// 全局样式
export const getEditCanvasConfigStyle = (canvas: EditCanvasConfigType) => {
// 背景
const computedBackground = canvas.selectColor
@@ -44,7 +47,7 @@ export const animationsClass = (animations: string[]) => {
return ''
}
-// 样式
+// 滤镜
export const getStyle = (styles: StylesType | EditCanvasConfigType) => {
const { opacity, saturate, contrast, hueRotate, brightness } = styles
return {