mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-19 17:24:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

code refactor

Browse Source
This commit is contained in:
MaysWind
2020-11-10 23:22:19 +08:00
parent df790f8aa5
commit e2145b8c6e
5 changed files with 43 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/Home.vue
+20 -12
View File
@@ -9,11 +9,25 @@
</f7-list>
<f7-toolbar tabbar labels bottom>
<f7-link href="/transaction/details" class="lab-toolbar-link-with-icon" icon-f7="square_list" :text="$t('Details')"></f7-link>
<f7-link href="/account/list" class="lab-toolbar-link-with-icon" icon-f7="creditcard" :text="$t('Accounts')"></f7-link>
<f7-link href="/transaction/new" class="lab-toolbar-icon-only" icon-f7="plus_square" icon-size="42px"></f7-link>
<f7-link href="/statistic/overview" class="lab-toolbar-link-with-icon" icon-f7="chart_pie" :text="$t('Statistics')"></f7-link>
<f7-link href="/settings" class="lab-toolbar-link-with-icon" icon-f7="gear_alt" :text="$t('Settings')"></f7-link>
<f7-link href="/transaction/details">
<f7-icon f7="square_list"></f7-icon>
<span class="tabbar-label">{{ $t('Details') }}</span>
</f7-link>
<f7-link href="/account/list">
<f7-icon f7="creditcard"></f7-icon>
<span class="tabbar-label">{{ $t('Accounts') }}</span>
</f7-link>
<f7-link href="/transaction/new">
<f7-icon f7="plus_square" size="42px" class="lab-tarbar-big-icon"></f7-icon>
</f7-link>
<f7-link href="/statistic/overview">
<f7-icon f7="chart_pie"></f7-icon>
<span class="tabbar-label">{{ $t('Statistics') }}</span>
</f7-link>
<f7-link href="/settings">
<f7-icon f7="gear_alt"></f7-icon>
<span class="tabbar-label">{{ $t('Settings') }}</span>
</f7-link>
</f7-toolbar>
</f7-page>
</template>
@@ -23,13 +37,7 @@ export default {}
</script>
<style>
.lab-toolbar-link-with-icon i+span {
font-size: 11px;
margin-top: 3px;
margin-left: 0;
}
.lab-toolbar-icon-only i {
.lab-tarbar-big-icon {
margin-top: 7px;
margin-left: 0;
}