From e19eae826725cc8bdc947cd3e187aebc10dc9131 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Fri, 31 Dec 2021 17:11:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A1=A8=E6=A0=BC=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E5=90=8E=E9=80=8F=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/element.ts                                      | 8 +++-----
 .../components/element/TableElement/EditableTable.vue     | 1 +
 src/views/components/element/TableElement/StaticTable.vue | 1 +
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/utils/element.ts b/src/utils/element.ts
index 456f51bd..dce47386 100644
--- a/src/utils/element.ts
+++ b/src/utils/element.ts
@@ -179,12 +179,10 @@ export const createElementIdMap = (elements: PPTElement[]) => {
  * @param themeColor 主题色
  */
 export const getTableSubThemeColor = (themeColor: string) => {
-  const rgba = tinycolor(themeColor).toRgb()
-  const subRgba1 = { r: rgba.r, g: rgba.g, b: rgba.b, a: rgba.a * 0.3 }
-  const subRgba2 = { r: rgba.r, g: rgba.g, b: rgba.b, a: rgba.a * 0.1 }
+  const rgba = tinycolor(themeColor)
   return [
-    `rgba(${[subRgba1.r, subRgba1.g, subRgba1.b, subRgba1.a].join(',')})`,
-    `rgba(${[subRgba2.r, subRgba2.g, subRgba2.b, subRgba2.a].join(',')})`,
+    rgba.setAlpha(0.3).toRgbString(),
+    rgba.setAlpha(0.1).toRgbString(),
   ]
 }
 
diff --git a/src/views/components/element/TableElement/EditableTable.vue b/src/views/components/element/TableElement/EditableTable.vue
index 0e164f38..158d731f 100644
--- a/src/views/components/element/TableElement/EditableTable.vue
+++ b/src/views/components/element/TableElement/EditableTable.vue
@@ -709,6 +709,7 @@ table {
   border: 0;
   word-wrap: break-word;
   user-select: none;
+  background-color: #fff;
 
   --themeColor: $themeColor;
   --subThemeColor1: $themeColor;
diff --git a/src/views/components/element/TableElement/StaticTable.vue b/src/views/components/element/TableElement/StaticTable.vue
index 84280f96..2211632d 100644
--- a/src/views/components/element/TableElement/StaticTable.vue
+++ b/src/views/components/element/TableElement/StaticTable.vue
@@ -120,6 +120,7 @@ table {
   border: 0;
   word-wrap: break-word;
   user-select: none;
+  background-color: #fff;
 
   --themeColor: $themeColor;
   --subThemeColor1: $themeColor;