From cdf2f6c3122196f1c369a42fb5d8b88b1bfbb42a Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 12 Mar 2019 14:46:03 +0800
Subject: [PATCH] 泊位信息

---
 src/components/VBerth.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/VBerth.vue b/src/components/VBerth.vue
index dbfe31e..bbad672 100644
--- a/src/components/VBerth.vue
+++ b/src/components/VBerth.vue
@@ -9,7 +9,10 @@
                <li>
                    <pie-echart :chart-data="pieChartData"></pie-echart>
                </li>
-               <li></li>
+               <li class="berth-inf">
+                   <p><span class="free-berth">11834</span><span>空余</span></p>
+                   <p><span class="buss-berth">4496</span><span>占有</span></p>
+               </li>
             </ul>
         </div>
     </div>
@@ -57,6 +60,23 @@ export default {
         >li{
             flex: 1;
         }
+        .berth-inf{
+            p{
+                height: 50%;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding-right: 20px;
+            }
+            .free-berth{
+                @include fontStyle(24px);
+                background-image: $fontBlue;
+            }
+            .buss-berth{
+                @include fontStyle(24px);
+                background-image: $fontOrange;
+            }
+        }
     }
 
 </style>
--
libgit2 0.21.4