From 86551874fd3f8b669710392293b38179aada4d92 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Thu, 7 Mar 2019 16:28:24 +0800
Subject: [PATCH] 左右区域

---
 src/view/VHome.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

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>
--
libgit2 0.21.4