泊位信息

liuqimichale
1 parent 32050c6b
Showing 1 changed file with 21 additions and 1 deletions
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>