From 8530c025424485efbde6c08c0ffde00134600367 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 8 Mar 2019 11:38:40 +0800
Subject: [PATCH] 总计

---
 src/components/VParking.vue      | 34 ++++++++++++++++++++++++++++++++--
 src/images/content/numBg.svg     | 14 ++++++++++++++
 src/images/content/numBorder.svg | 15 +++++++++++++++
 src/style/reset.css              |  2 +-
 4 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 src/images/content/numBg.svg
 create mode 100644 src/images/content/numBorder.svg

diff --git a/src/components/VParking.vue b/src/components/VParking.vue
index 955c379..55f4b04 100644
--- a/src/components/VParking.vue
+++ b/src/components/VParking.vue
@@ -1,7 +1,14 @@
 <template>
     <div class="theme-wrap">
         <card-title> <span>停车场消息</span></card-title>
-        <div class="theme-body">123</div>
+        <div class="theme-body">
+            <div class="total-wrap">
+                <span>总计</span>
+                <div class="total-main">
+                    <div class="eleNumBg">1</div><div class="eleNumBg">3</div><div class="eleNumBg">5</div><div class="eleNumBg">8</div>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
@@ -21,6 +28,29 @@ export default {
     }
     .theme-body {
         height: calc(100% - 30px);
-        background-color: #ff0;
+        margin-left: 20px;
+    }
+    .total-wrap{
+        height: 30%;
+        display: flex;
+        align-items: center;
+        .total-main{
+            margin-left: 10px;
+            padding: 5px 5px 5px 0;
+            background: url("../images/content/numBorder.svg") no-repeat;
+            background-size: 100% 100%;
+        }
+        .eleNumBg{
+            width: 20px;
+            height: 30px;
+            display: inline-block;
+            margin-left: 5px;
+            line-height: 30px;
+            font-size: 22px;
+            font-weight: 600;
+            text-align: center;
+            background: url("../images/content/numBg.svg") no-repeat;
+            background-size: 100% 100%;
+        }
     }
 </style>
diff --git a/src/images/content/numBg.svg b/src/images/content/numBg.svg
new file mode 100644
index 0000000..4a1f384
--- /dev/null
+++ b/src/images/content/numBg.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 29" style="enable-background:new 0 0 20 29;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_44_);}
+</style>
+<linearGradient id="XMLID_44_" gradientUnits="userSpaceOnUse" x1="10" y1="1.028133e-05" x2="10" y2="29">
+	<stop  offset="0" style="stop-color:#574DFE"/>
+	<stop  offset="1" style="stop-color:#4BD3FF"/>
+</linearGradient>
+<path id="XMLID_2_" class="st0" d="M18,29H2c-1.1,0-2-0.9-2-2v-9.5L2.5,15h14.9l2.5,2.5V27C20,28.1,19.1,29,18,29z M2.5,14L0,11.5V2
+	c0-1.1,0.9-2,2-2h16c1.1,0,2,0.9,2,2v9.5L17.5,14H2.5z"/>
+</svg>
diff --git a/src/images/content/numBorder.svg b/src/images/content/numBorder.svg
new file mode 100644
index 0000000..7e9c516
--- /dev/null
+++ b/src/images/content/numBorder.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 155 39" style="enable-background:new 0 0 155 39;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;}
+	.st1{fill:#157ADB;}
+	.st2{opacity:0.5;fill-rule:evenodd;clip-rule:evenodd;fill:#157ADB;}
+</style>
+<g id="XMLID_14_" class="st0">
+	<path id="XMLID_77_" class="st1" d="M154,1v37H1V1H154 M155,0H0v39h155V0L155,0z"/>
+</g>
+<path id="XMLID_15_" class="st2" d="M154,39h-4v-1h4v-4h1v4v1H154z M154,1h-4V0h4h1v1v4h-1V1z M0,39v-1v-4h1v4h4v1H1H0z M1,5H0V1V0
+	h1h4v1H1V5z"/>
+</svg>
diff --git a/src/style/reset.css b/src/style/reset.css
index b1b6b63..2eeb531 100644
--- a/src/style/reset.css
+++ b/src/style/reset.css
@@ -61,7 +61,7 @@ body{
     background: url("../images/bg.jpg") no-repeat;
     background-size: 100% 100%;
     overflow: hidden;
-    /*background-size:100% 100%;*/
+    font-size: 14px;
     /*默认颜色*/
 }
 
--
libgit2 0.21.4