From 2eb9e3ec1373686386026a9292dccd71a6403040 Mon Sep 17 00:00:00 2001
From: dataeaseShu <106045316+dataeaseShu@users.noreply.github.com>
Date: Mon, 22 May 2023 11:23:17 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E6=B8=85?=
 =?UTF-8?q?=E7=A9=BA=E8=83=8C=E6=99=AF=E8=89=B2=E5=90=8E=EF=BC=8C=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E9=80=89=E4=B8=AD=E7=99=BD=E8=89=B2=20#5239?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/background/index.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/views/background/index.vue b/frontend/src/views/background/index.vue
index 58cd92aa7b..92e721d2be 100644
--- a/frontend/src/views/background/index.vue
+++ b/frontend/src/views/background/index.vue
@@ -50,6 +50,8 @@
           style="padding-top: 5px"
         >
           <el-color-picker
+            ref="colorPicker"
+            @change="colorChange"
             v-model="curComponent.commonBackground.color"
             :disabled="!curComponent.commonBackground.backgroundColorSelect"
             size="mini"
@@ -312,6 +314,12 @@ export default {
     this.init()
   },
   methods: {
+    colorChange(val) {
+      if (val === null) {
+        this.$refs.colorPicker.color.value = ''
+        this.curComponent.commonBackground.color = ''
+      }
+    },
     init() {
       if (this.curComponent && this.curComponent.commonBackground && this.curComponent.commonBackground.outerImage && typeof (this.curComponent.commonBackground.outerImage) === 'string') {
         this.fileList.push({ url: imgUrlTrans(this.curComponent.commonBackground.outerImage) })