diff --git a/client/src/api/budget.ts b/client/src/api/budget.ts index 915b32f..8cb4966 100644 --- a/client/src/api/budget.ts +++ b/client/src/api/budget.ts @@ -4,6 +4,7 @@ import { request } from '@/utils/request' export interface Budget { id: number amount: number + myAmount?: number month: string } diff --git a/client/src/components/TransactionItem/TransactionItem.vue b/client/src/components/TransactionItem/TransactionItem.vue index a561384..f1edd2e 100644 --- a/client/src/components/TransactionItem/TransactionItem.vue +++ b/client/src/components/TransactionItem/TransactionItem.vue @@ -8,13 +8,8 @@ @touchmove="!disableSwipe && onTouchMove($event)" @touchend="!disableSwipe && onTouchEnd()" > - - - - {{ item.creator_nickname?.[0] }} - + {{ item.note || item.category_name || '未分类' }} + + {{ item.creator_nickname?.[0] }} {{ item.creator_nickname }} · {{ item.category_name || '未分类' }}{{ hideDate ? '' : ' · ' + formatDate(item.date) }} @@ -151,27 +148,26 @@ function onTouchEnd() { } } -.creator-avatar { - width: 80rpx; - height: 80rpx; +.creator-mini-avatar { + width: 28rpx; + height: 28rpx; + border-radius: 50%; + vertical-align: middle; + margin-right: 4rpx; +} + +.creator-mini-initial { + display: inline-flex; + width: 28rpx; + height: 28rpx; border-radius: 50%; background: #FFF0E6; - display: flex; + font-size: 16rpx; + color: #FF8C69; align-items: center; justify-content: center; - overflow: hidden; - flex-shrink: 0; -} - -.creator-img { - width: 100%; - height: 100%; -} - -.creator-initial { - font-size: 28rpx; - font-weight: 600; - color: #FF8C69; + vertical-align: middle; + margin-right: 4rpx; } .info { diff --git a/client/src/pages/add/index.vue b/client/src/pages/add/index.vue index 11cc0e4..def4e9d 100644 --- a/client/src/pages/add/index.vue +++ b/client/src/pages/add/index.vue @@ -55,6 +55,7 @@