code refactor

This commit is contained in:
MaysWind
2021-01-11 00:33:40 +08:00
parent 7080c2bcb4
commit 5c59ccd226
2 changed files with 12 additions and 4 deletions
+6 -2
View File
@@ -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;
}
+6 -2
View File
@@ -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;
}