mirror/ezbookkeeping
1
0
Fork 0
mirror of https://github.com/mayswind/ezbookkeeping.git synced 2026-05-15 07:27:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

update style

Browse Source
This commit is contained in:
MaysWind
2025-12-01 21:48:28 +08:00
parent ad132d5637
commit cd2cce4268
2 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/transactions/EditPage.vue
+20 -20
View File
@@ -1,5 +1,5 @@
<template>
<f7-page with-subnavbar @page:afterin="onPageAfterIn" @page:beforeout="onPageBeforeOut">
<f7-page @page:afterin="onPageAfterIn" @page:beforeout="onPageBeforeOut">
<f7-navbar>
<f7-nav-left :back-link="tt('Back')"></f7-nav-left>
<f7-nav-title :title="tt(title)"></f7-nav-title>
@@ -7,27 +7,27 @@
<f7-link icon-f7="ellipsis" @click="showMoreActionSheet = true"></f7-link>
<f7-link icon-f7="checkmark_alt" :class="{ 'disabled': inputIsEmpty || submitting }" @click="save" v-if="mode !== TransactionEditPageMode.View"></f7-link>
</f7-nav-right>
<f7-subnavbar>
<f7-segmented strong round :class="{ 'readonly': pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add }">
<f7-button round :text="tt('Expense')" :active="transaction.type === TransactionType.Expense"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Expense"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Expense"></f7-button>
<f7-button round :text="tt('Income')" :active="transaction.type === TransactionType.Income"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Income"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Income"></f7-button>
<f7-button round :text="tt('Transfer')" :active="transaction.type === TransactionType.Transfer"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Transfer"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Transfer"></f7-button>
<f7-button round :text="tt('Modify Balance')" :active="transaction.type === TransactionType.ModifyBalance"
v-if="pageTypeAndMode?.type === TransactionEditPageType.Transaction && transaction.type === TransactionType.ModifyBalance"></f7-button>
</f7-segmented>
</f7-subnavbar>
</f7-navbar>
<f7-block class="no-margin-top margin-bottom">
<f7-segmented strong round :class="{ 'readonly': pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add }">
<f7-button round :text="tt('Expense')" :active="transaction.type === TransactionType.Expense"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Expense"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Expense"></f7-button>
<f7-button round :text="tt('Income')" :active="transaction.type === TransactionType.Income"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Income"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Income"></f7-button>
<f7-button round :text="tt('Transfer')" :active="transaction.type === TransactionType.Transfer"
:disabled="pageTypeAndMode?.type === TransactionEditPageType.Transaction && mode !== TransactionEditPageMode.Add && transaction.type !== TransactionType.Transfer"
v-if="transaction.type !== TransactionType.ModifyBalance"
@click="transaction.type = TransactionType.Transfer"></f7-button>
<f7-button round :text="tt('Modify Balance')" :active="transaction.type === TransactionType.ModifyBalance"
v-if="pageTypeAndMode?.type === TransactionEditPageType.Transaction && transaction.type === TransactionType.ModifyBalance"></f7-button>
</f7-segmented>
</f7-block>
<f7-list strong inset dividers class="margin-vertical skeleton-text" v-if="loading">
<f7-list-input label="Template Name" placeholder="Template Name" v-if="pageTypeAndMode?.type === TransactionEditPageType.Template"></f7-list-input>
<f7-list-item