From 5c59ccd226d1c182c2b179ec7c12ad6ced27a492 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 11 Jan 2021 00:33:40 +0800
Subject: [PATCH] code refactor

---
 src/views/mobile/Home.vue          | 8 ++++++--
 src/views/mobile/accounts/List.vue | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/mobile/Home.vue b/src/views/mobile/Home.vue
index 1972d0d5..60bcdda0 100644
--- a/src/views/mobile/Home.vue
+++ b/src/views/mobile/Home.vue
@@ -22,8 +22,8 @@
                     </f7-link>
                 </p>
                 <p class="no-margin">
-                    <small class="home-summary-misc" :style="{ opacity: 0.6 }" v-if="loading">Income of this month 0.00 USD</small>
-                    <small class="home-summary-misc" :style="{ opacity: 0.6 }" v-else-if="!loading">
+                    <small class="home-summary-misc" v-if="loading">Income of this month 0.00 USD</small>
+                    <small class="home-summary-misc" v-else-if="!loading">
                         <span>{{ $t('Income of this month') }}</span>
                         <span>{{ thisMonthIncome | amount(showAmountInHomePage) | currency(defaultCurrency) }}</span>
                     </small>
@@ -300,6 +300,10 @@ export default {
     font-size: 1.5em;
 }
 
+.home-summary-misc {
+    opacity: 0.6;
+}
+
 .home-summary-misc > span {
     margin-right: 4px;
  }
diff --git a/src/views/mobile/accounts/List.vue b/src/views/mobile/accounts/List.vue
index 011c6c18..f4c2a5df 100644
--- a/src/views/mobile/accounts/List.vue
+++ b/src/views/mobile/accounts/List.vue
@@ -24,10 +24,10 @@
                     </f7-link>
                 </p>
                 <p class="no-margin">
-                    <small class="account-overview-info" :style="{ opacity: 0.6 }" v-if="loading">
+                    <small class="account-overview-info" v-if="loading">
                         <span>Total assets | Total liabilities</span>
                     </small>
-                    <small class="account-overview-info" :style="{ opacity: 0.6 }" v-else-if="!loading">
+                    <small class="account-overview-info" v-else-if="!loading">
                         <span>{{ $t('Total assets') }}</span>
                         <span>{{ totalAssets | currency(defaultCurrency) }}</span>
                         <span>|</span>
@@ -598,6 +598,10 @@ export default {
     font-size: 1.5em;
 }
 
+.account-overview-info {
+    opacity: 0.6;
+}
+
 .account-overview-info > span {
     margin-right: 4px;
 }