update: 更新

src/components/app-caption/app-caption.scss

 .app-caption {
-    font-size: 18px;
-    font-weight: 700;
-    color: var(--app-color-black);
+    font-size: 28px;
+    font-weight: bold;
+    line-height: 22px;
+    color: var(--ey-color-black);
     &.app-caption--embed {
         font-size: 14px;
         height: 25px;

src/components/app-form-group/app-form-group.scss

 .app-form-group {
-    .app-form-group-caption {
-        padding-left: 20px;
-    }
-    .collapse-icon {
-        font-size: 20px;
-        margin-right: 20px;
-        cursor: pointer;
-    }
-    >.ivu-card{
+  .app-form-group-caption {
+    padding-left: 20px;
+  }
+  .collapse-icon {
+    font-size: 20px;
+    margin-right: 20px;
+    cursor: pointer;
+  }
+  >.ivu-card{
+      border-radius: 6px;
       margin: 10px 0;
+      >.ivu-card-head{
+        height: 40px;
+        background:var(--ey-color-gray-400);
+        .app-form-group-caption{
+          font-size: 16px;
+          font-weight: bold;
+          color: var(--ey-color-black);          
+        }        
+      }
       >.ivu-card-body {
-          padding: 20px 5px 10px 5px;
+          padding: 20px 20px 10px 20px;
       }
       >.ivu-card-extra {
           right: 20px;
-          top: 10px;
+          top: 2px;
           display: flex;
           .app-button {
               margin-left: 4px;
@@ -24,7 +34,7 @@
     &.app-group-collapse-content {
       >.ivu-card{
         >.ivu-card-head {
-            color: var(--app-color-gray-200);
+            color: var(--ey-color-gray-200);
             border-bottom: none;
         }
         >.ivu-card-body {

src/layout/edit-view-layout/edit-view-layout.scss

 .edit-view-layout {
     padding: 0;
     box-shadow: none;
-    background-color: transparent;
     .view-header {
         display: flex;
         flex-direction: column;
         .view-header__content {
             display: flex;
             justify-content: space-between;
+            padding: 20px 20px 10px;
         }
     }
+    .view-content{
+      padding: 0 20px;
+    }
 }
\ No newline at end of file

src/layout/grid-view-layout/grid-view-layout.scss

 .grid-view-layout {
     height: 100%;
-    background-color: transparent;
     box-shadow: none;
     overflow: auto;
     display: flex;

src/layout/index-view-layout-left/index-view-layout-left.scss

@@ -87,7 +87,7 @@
 
     .index-view-content {
         height: calc(100% - 64px);
-        background-color: var(--app-color-gray-400);
+        background-color: var(--ey-color-gray-250);
 
         >.view-container {
             overflow: auto;

src/layout/index-view-layout-top/index-view-layout-top.scss

@@ -38,7 +38,7 @@
         height: calc(100% - 64px);
         overflow: auto;
         padding: 20px 38px 0 38px;
-        background-color: var(--app-color-gray-400);
+        background-color: var(--ey-color-gray-250);
         display: flex;
         flex-direction: column;
 

src/layout/medit-view-layout/medit-view-layout.scss

 .medit-view-layout {
     padding: 0;
     box-shadow: none;
-    background-color: transparent;
     .view-header {
         display: flex;
         flex-direction: column;

src/layout/mpickup-view-layout/mpickup-view-layout.scss

 .mpickup-view-layout {
     height: 100%;
-    background-color: transparent;
     box-shadow: none;
     overflow: auto;
     display: flex;

src/layout/pickup-grid-view-layout/pickup-grid-view-layout.scss

 .pickup-grid-view-layout {
     height: 100%;
-    background-color: transparent;
     box-shadow: none;
     overflow: auto;
     display: flex;

src/layout/pickup-view-layout/pickup-view-layout.scss

 .pickup-view-layout {
     height: 100%;
-    background-color: transparent;
     box-shadow: none;
     overflow: auto;
     display: flex;

src/styles/common.scss

@@ -91,4 +91,9 @@
           border-radius: var(--ey-confirm-button-radius);
         }
     }
+}
+
+.view-layout{
+  border-radius: 6px;
+  background-color: var(--ey-color-white);
 }
\ No newline at end of file