From 54bc52c1bfa48bde077c37a94fae9a4e8d98eabe Mon Sep 17 00:00:00 2001
From: jiaming743 <743192023@qq.com>
Date: Fri, 30 Aug 2019 09:44:38 +0800
Subject: [PATCH] update lib

---
 lib/components/capsuleChart/src/main.css | 20 ++++++++++----------
 lib/components/capsuleChart/src/main.vue |  8 +++-----
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/lib/components/capsuleChart/src/main.css b/lib/components/capsuleChart/src/main.css
index 99799cf..349f93f 100644
--- a/lib/components/capsuleChart/src/main.css
+++ b/lib/components/capsuleChart/src/main.css
@@ -38,18 +38,18 @@
   transition: all 0.3s;
 }
 .capsule-chart .unit-label {
-  display: flex;
-  flex-direction: row;
-  line-height: 20px;
+  height: 20px;
   font-size: 12px;
-}
-.capsule-chart .unit-text {
-  width: 30px;
-  text-align: right;
-}
-.capsule-chart .unit-container {
-  flex: 1;
   display: flex;
   flex-direction: row;
+  align-items: center;
   justify-content: space-between;
 }
+.capsule-chart .unit-text {
+  text-align: right;
+  display: flex;
+  align-items: flex-end;
+  font-size: 12px;
+  line-height: 20px;
+  margin-left: 10px;
+}
diff --git a/lib/components/capsuleChart/src/main.vue b/lib/components/capsuleChart/src/main.vue
index fa5d991..0677652 100644
--- a/lib/components/capsuleChart/src/main.vue
+++ b/lib/components/capsuleChart/src/main.vue
@@ -11,18 +11,16 @@
           class="capsule-item"
           v-for="(capsule, index) in capsuleLength"
           :key="index"
-          :style="`width: calc(100% - ${mergedConfig.unit ? 30 : 0}px)`"
         >
           <div :style="`width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`"></div>
         </div>
 
         <div class="unit-label">
-          <div class="unit-container">
-            <div v-for="(label, index) in labelData" :key="label + index">{{ label }}</div>
-          </div>
-          <div class="unit-text" v-if="mergedConfig.unit">{{ mergedConfig.unit }}</div>
+          <div v-for="(label, index) in labelData" :key="label + index">{{ label }}</div>
         </div>
       </div>
+
+      <div class="unit-text" v-if="mergedConfig.unit">{{ mergedConfig.unit }}</div>
     </template>
   </div>
 </template>