diff --git a/frontend/src/components/canvas/components/Editor/Preview.vue b/frontend/src/components/canvas/components/Editor/Preview.vue
index 3b41f46cba..ca235ed72e 100644
--- a/frontend/src/components/canvas/components/Editor/Preview.vue
+++ b/frontend/src/components/canvas/components/Editor/Preview.vue
@@ -1,5 +1,8 @@
 <template>
   <div id="canvasInfo" :style="customStyle" class="bg">
+    <el-row v-if="componentDataShow.length===0" style="height: 100%;" class="custom-position">
+      {{ $t('panel.panel_null') }}
+    </el-row>
     <ComponentWrapper
       v-for="(item, index) in componentDataInfo"
       :key="index"
@@ -148,4 +151,13 @@ export default {
         }
     }
 }
+.custom-position {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  flex-flow: row nowrap;
+  color: #9ea6b2;
+}
 </style>
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index cf32177a0f..c9e0d46f2e 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -872,7 +872,8 @@ export default {
     clean_canvas: 'Clean Canvas',
     insert_picture: 'Insert Picture',
     redo: 'Redo',
-    undo: 'UToolbar.vuendo'
+    undo: 'UToolbar.vuendo',
+    panel_null: 'This is a Empty Panel，You Can Edit and Enrich It'
   },
   plugin: {
     local_install: 'Local installation',
diff --git a/frontend/src/lang/tw.js b/frontend/src/lang/tw.js
index f9638c2ffa..7635656b1f 100644
--- a/frontend/src/lang/tw.js
+++ b/frontend/src/lang/tw.js
@@ -872,7 +872,8 @@ export default {
     clean_canvas: '清空畫布',
     insert_picture: '插入圖片',
     redo: '重做',
-    undo: '撤銷'
+    undo: '撤銷',
+    panel_null: '这是个空的儀表盤，可以通过编辑来丰富内容'
   },
   plugin: {
     local_install: '本地安裝',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 059fa44092..2eda0d0721 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -874,7 +874,8 @@ export default {
     clean_canvas: '清空画布',
     insert_picture: '插入图片',
     redo: '重做',
-    undo: '撤销'
+    undo: '撤销',
+    panel_null: '这是个空的仪表板，可以通过编辑来丰富内容'
   },
   plugin: {
     local_install: '本地安装',
diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index 090fd16e6c..95a1bd7c66 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -184,8 +184,8 @@ export default {
           nodeType: null,
           panelType: null,
           panelStyle: JSON.stringify({
-            width: 1680,
-            height: 1050,
+            width: 1280,
+            height: 720,
             scale: 100,
             openCommonStyle: true,
             panel: DEFAULT_PANEL_STYLE,
@@ -225,8 +225,8 @@ export default {
           nodeType: null,
           panelType: null,
           panelStyle: JSON.stringify({
-            width: 1680,
-            height: 1050,
+            width: 1280,
+            height: 720,
             scale: 100,
             openCommonStyle: true,
             panel: DEFAULT_PANEL_STYLE,
diff --git a/frontend/src/views/panel/panel.js b/frontend/src/views/panel/panel.js
index 7f6532d8f5..ef650c5077 100644
--- a/frontend/src/views/panel/panel.js
+++ b/frontend/src/views/panel/panel.js
@@ -19,8 +19,8 @@ export const DEFAULT_PANEL_STYLE = {
 }
 
 export const DEFAULT_COMMON_CANVAS_STYLE = {
-  width: 1680,
-  height: 1050,
+  width: 1280,
+  height: 720,
   scale: 100,
   openCommonStyle: true,
   panel: DEFAULT_PANEL_STYLE,