From 6ea3f433e98031d719d4c0397014e28a1c81f4d8 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Thu, 28 Jan 2021 22:52:05 +0800
Subject: [PATCH] modify style

---
 src/views/mobile/statistics/Transaction.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/mobile/statistics/Transaction.vue b/src/views/mobile/statistics/Transaction.vue
index 2a4a0118..d96c1feb 100644
--- a/src/views/mobile/statistics/Transaction.vue
+++ b/src/views/mobile/statistics/Transaction.vue
@@ -135,7 +135,7 @@
 
                         <div slot="inner-end" class="statistics-item-end">
                             <div class="statistics-percent-line">
-                                <f7-progressbar :progress="data.percent"></f7-progressbar>
+                                <f7-progressbar :progress="data.percent" :style="{ '--f7-progressbar-progress-color': (data.color ? '#' + data.color : '') } "></f7-progressbar>
                             </div>
                         </div>
                     </f7-list-item>
@@ -712,7 +712,11 @@ export default {
 
 .statistics-percent-line .progressbar {
     height: 4px;
-    background: #f8f8f8;
+    --f7-progressbar-bg-color: #f8f8f8;
+}
+
+.theme-dark .statistics-percent-line .progressbar {
+    --f7-progressbar-bg-color: #161616;
 }
 
 .chart-container {