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 @@