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

modify style, add comments in transaction list page

Browse Source
This commit is contained in:
MaysWind
2020-12-30 01:18:55 +08:00
parent 273f8b9c7d
commit 1d7a5376cd
1 changed files with 18 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mobile/transactions/List.vue
+18 -7
View File
@@ -160,12 +160,15 @@
{{ transaction.type | transactionTypeName($constants.transaction.allTransactionTypes) }} {{ transaction.type | transactionTypeName($constants.transaction.allTransactionTypes) }}
</span> </span>
</div> </div>
<div slot="footer" class="no-padding-horizontal transaction-footer"> <div slot="text" class="transaction-comment" v-if="transaction.comment">
<span>{{ transaction.comment }}</span>
</div>
<div slot="footer" class="transaction-footer">
<span>{{ transaction.time | moment($t('format.time.hourMinute')) }}</span> <span>{{ transaction.time | moment($t('format.time.hourMinute')) }}</span>
<span v-if="transaction.sourceAccount">·</span> <span v-if="transaction.sourceAccount">·</span>
<span v-if="transaction.sourceAccount">{{ transaction.sourceAccount.name }}</span> <span v-if="transaction.sourceAccount">{{ transaction.sourceAccount.name }}</span>
</div> </div>
<div slot="after" class="no-padding transaction-amount" v-if="transaction.sourceAccount"> <div slot="after" class="transaction-amount" v-if="transaction.sourceAccount">
<span :class="{ 'text-color-teal': transaction.type === $constants.transaction.allTransactionTypes.Expense, 'text-color-red': transaction.type === $constants.transaction.allTransactionTypes.Income }"> <span :class="{ 'text-color-teal': transaction.type === $constants.transaction.allTransactionTypes.Expense, 'text-color-red': transaction.type === $constants.transaction.allTransactionTypes.Income }">
{{ transaction.sourceAmount | currency(transaction.sourceAccount.currency) }} {{ transaction.sourceAmount | currency(transaction.sourceAccount.currency) }}
</span> </span>
@@ -455,6 +458,8 @@ export default {
if (transactionMonthList.items.length < 1) { if (transactionMonthList.items.length < 1) {
self.transactions.splice(i, 1); self.transactions.splice(i, 1);
} else {
self.calculateMonthTotalAmount(transactionMonthList, i >= self.transactions.length - 1 && self.maxTime > 0);
} }
} }
}); });
@@ -643,10 +648,6 @@ export default {
margin-left: 4px; margin-left: 4px;
} }
.transaction-info .item-media {
height: 64px;
}
.transaction-info .item-media + .item-inner { .transaction-info .item-media + .item-inner {
margin-left: 10px; margin-left: 10px;
} }
@@ -668,17 +669,27 @@ export default {
text-align: center; text-align: center;
} }
.transaction-comment {
font-size: 13px;
line-height: 20px;
padding-top: 2px;
padding-bottom: 2px;
}
.transaction-footer { .transaction-footer {
padding-top: 4px; padding-top: 4px;
} }
.transaction-info .item-text + .item-footer .transaction-footer {
padding-top: 2px;
}
.transaction-footer > span { .transaction-footer > span {
margin-right: 4px; margin-right: 4px;
} }
.transaction-amount { .transaction-amount {
color: var(--f7-list-item-after-text-color); color: var(--f7-list-item-after-text-color);
white-space: nowrap;
} }
.transaction-info .item-inner:after { .transaction-info .item-inner:after {