zhengchen.tao/ezbookkeeping
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modify style

Browse Source
This commit is contained in:
MaysWind
2021-01-11 00:38:05 +08:00
parent 5c59ccd226
commit 54296d9404
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/Home.vue
+13 -5
View File
@@ -7,11 +7,15 @@
<f7-card class="home-summary-card" :class="{ 'skeleton-text': loading }">
<f7-card-header class="display-block" style="padding-top: 120px;">
<p class="no-margin">
<span :style="{ opacity: 0.6 }" v-if="loading">MM·Expense</span>
<span :style="{ opacity: 0.6 }" v-else-if="!loading">
<span>{{ dateRange.thisMonth.startTime | moment('MMMM') | monthNameLocalizedKey | t }}</span>
<span :style="{ opacity: 0.6 }" v-if="loading">
<span class="home-summary-month">MM</span>
<span>·</span>
<span>{{ $t('Expense') }}</span>
<small>Expense</small>
</span>
<span :style="{ opacity: 0.6 }" v-else-if="!loading">
<span class="home-summary-month">{{ dateRange.thisMonth.startTime | moment('MMMM') | monthNameLocalizedKey | t }}</span>
<span>·</span>
<small>{{ $t('Expense') }}</small>
</span>
</p>
<p class="no-margin">
@@ -296,11 +300,15 @@ export default {
background-color: var(--f7-color-yellow);
}
.home-summary-card .home-summary-month {
font-size: 1.3em;
}
.home-summary-card .month-expense {
font-size: 1.5em;
}
.home-summary-misc {
.home-summary-card .home-summary-misc {
opacity: 0.6;
}