diff --git a/src/view/VHome.vue b/src/view/VHome.vue
index 9b4db15..e6a2634 100644
--- a/src/view/VHome.vue
+++ b/src/view/VHome.vue
@@ -2,11 +2,19 @@
   <div class="main-content">
     <v-header></v-header>
     <ul class="main-wrap">
-      <li class="main-left">left</li>
+      <li class="main-left">
+        <div class="frame-wrap"></div>
+        <div class="frame-wrap frame-wrap-center"></div>
+        <div class="frame-wrap"></div>
+      </li>
       <li class="main-center">
         <v-map></v-map>
       </li>
-      <li class="main-right">right</li>
+      <li class="main-right">
+        <div class="frame-wrap"></div>
+        <div class="frame-wrap frame-wrap-center"></div>
+        <div class="frame-wrap"></div>
+      </li>
     </ul>
   </div>
 </template>
@@ -37,7 +45,6 @@ export default {
     }
   }
   .main-left,.main-right{
-    background-color: #ccc;
     width: 25%;
   }
   .main-center{
@@ -45,5 +52,12 @@ export default {
     margin: 0 10px;
     border:1px solid #1679de;
   }
+  .frame-wrap-center{
+    margin: 10px 0;
+  }
+  .frame-wrap{
+    height: calc((100% - 20px)/3);
+    background: #f00;
+  }
 
 </style>