diff --git a/src/components/bgBar.vue b/src/components/bgBar.vue
index f6decb51..89d4b180 100644
--- a/src/components/bgBar.vue
+++ b/src/components/bgBar.vue
@@ -3,7 +3,7 @@
     <Divider orientation="left" plain>{{ $t('color') }}</Divider>
     <Form :label-width="40">
       <FormItem :label="$t('color')" prop="name">
-        <ColorPicker v-model="color" @on-change="setThisColor" alpha size="small" transfer />
+        <ColorPicker v-model="color" @on-change="setThisColor" alpha size="small" />
       </FormItem>
     </Form>
     <Divider orientation="left" plain>{{ $t('color_macthing') }}</Divider>
@@ -58,7 +58,7 @@ const colorList = computed(() => [
   },
 ]);
 
-const color = ref('');
+const color = ref('rgba(255, 255, 255, 1)');
 // 背景颜色设置
 const setThisColor = () => {
   setColor(color.value);
@@ -75,6 +75,9 @@ function setColor(color) {
 <style scoped lang="less">
 :deep(.ivu-form-item) {
   margin-bottom: 0;
+  .ivu-color-picker {
+    display: unset;
+  }
 }
 .img {
   width: 50px;
diff --git a/src/components/waterMark.vue b/src/components/waterMark.vue
index 328dcd93..6c5b3c32 100644
--- a/src/components/waterMark.vue
+++ b/src/components/waterMark.vue
@@ -42,7 +42,7 @@
     <div class="setting-item">
       <span class="mr-10px">{{ $t('waterMark.setting.color') }}</span>
 
-      <ColorPicker v-model="waterMarkState.color" alpha size="small" transfer />
+      <ColorPicker v-model="waterMarkState.color" alpha size="small" />
     </div>
     <div class="setting-item">
       <span class="mr-10px">{{ $t('waterMark.setting.position.label') }}</span>