diff --git a/src/assets/rect-bg.png b/src/assets/rect-bg.png
new file mode 100644
index 0000000..0ddf81d
Binary files /dev/null and b/src/assets/rect-bg.png differ
diff --git a/src/components/yx-dark/containers/rect.vue b/src/components/yx-dark/containers/rect.vue
index 9b30e6b..1138cc0 100644
--- a/src/components/yx-dark/containers/rect.vue
+++ b/src/components/yx-dark/containers/rect.vue
@@ -24,7 +24,7 @@ export default {
 
 <style scoped lang="scss">
 .rect-container {
-  background: rgba(45, 230, 196, 0.8);
+  background: url(../../../assets/rect-bg.png) no-repeat 100% / contain; // rgba(45, 230, 196, 0.8);
   padding: 0;
   width: 624px;
   height: 304px;
diff --git a/src/views/MainPanel.vue b/src/views/MainPanel.vue
index 9795f94..ef5cb7b 100644
--- a/src/views/MainPanel.vue
+++ b/src/views/MainPanel.vue
@@ -24,7 +24,7 @@
     <RectContainer class="rightMiddle" />
     <RectContainer class="rightBottom" />
 
-    <div class="main-area" style="background: lightcoral;" />
+    <div class="main-area" style="background: #fff2;" />
   </div>
 </template>
 
@@ -45,7 +45,7 @@ export default {
 
 <style scoped lang="scss">
 .main-panel {
-  background: #cccc;
+//   background: #cccc;
   padding: 0 0 24px;
   position: relative;
   //   top: -28px; // 往上部偏移一点