feat: 交互优化与代码质量改进

- SvgIcon 改为 PNG 图标方案，组件重命名为 Icon
- 修复 TransactionItem tap 事件名冲突，改为 item-tap
- 修复 Stats 页面切换 tab 时 overview 不更新
- 修复 CategoryIcon bgColor 必填问题
- 修复 ChartWrapper import 顺序
- 修复 budget onDelete 空字符串问题
- 清理 profile 页面未使用 CSS
- 统一所有页面 header 为 sticky 定位
- 修复导航栏返回按钮不统一
- 添加导出功能 loading 状态
- 优化 scroll-into-view 延迟

client/src/pages/index/index.vue

@@ -1,13 +1,15 @@
 <template>
   <view class="page">
-    <view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
-    <view class="header">
-      <view class="avatar-wrap">
-        <SvgIcon name="user" :size="36" color="#8B7E7E" />
-      </view>
-      <text class="greeting">{{ greeting }}，小菜</text>
-      <view class="bell" @tap="uni.showToast({ title: '暂无通知', icon: 'none' })">
-        <SvgIcon name="bell" :size="40" color="#8B7E7E" />
+    <view class="header-fixed">
+      <view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
+      <view class="header">
+        <view class="avatar-wrap">
+          <Icon name="user" :size="36" color="#8B7E7E" />
+        </view>
+        <text class="greeting">{{ greeting }}，小菜</text>
+        <view class="bell" @tap="showNotification">
+          <Icon name="bell" :size="40" color="#8B7E7E" />
+        </view>
       </view>
     </view>
 
@@ -68,11 +70,11 @@
 
     <view class="quick-actions">
       <view class="quick-btn" @tap="goAdd('expense')">
-        <SvgIcon name="trend-down" :size="48" color="#FF6B6B" />
+        <Icon name="trend-down" :size="48" color="#FF6B6B" />
         <text class="quick-text">记支出</text>
       </view>
       <view class="quick-btn" @tap="goAdd('income')">
-        <SvgIcon name="trend-up" :size="48" color="#7BC67E" />
+        <Icon name="trend-up" :size="48" color="#7BC67E" />
         <text class="quick-text">记收入</text>
       </view>
     </view>
@@ -83,7 +85,7 @@
     </view>
 
     <view class="tx-list" v-if="!loading && !loadError && recentTx.length > 0">
-      <TransactionItem v-for="item in recentTx" :key="item.id" :item="item" @tap="onTxTap(item)" />
+      <TransactionItem v-for="item in recentTx" :key="item.id" :item="item" :disableSwipe="true" @item-tap="onTxTap(item)" />
     </view>
 
     <view class="tx-list" v-if="loading">
@@ -98,12 +100,12 @@
     </view>
 
     <view class="state-box" v-if="loadError">
-      <SvgIcon name="alert-circle" :size="48" color="#BFB3B3" />
+      <Icon name="alert-circle" :size="48" color="#BFB3B3" />
       <text class="state-text">加载失败，下拉刷新重试</text>
     </view>
 
     <view class="state-box" v-if="!loading && !loadError && recentTx.length === 0">
-      <SvgIcon name="edit" :size="48" color="#BFB3B3" />
+      <Icon name="edit" :size="48" color="#BFB3B3" />
       <text class="state-text">还没有记录，快去记一笔吧</text>
     </view>
   </view>
@@ -119,7 +121,7 @@ import { formatAmount, formatAmountRaw } from '@/utils/format'
 import { statusBarHeight } from '@/utils/system'
 import BudgetBar from '@/components/BudgetBar/BudgetBar.vue'
 import TransactionItem from '@/components/TransactionItem/TransactionItem.vue'
-import SvgIcon from '@/components/SvgIcon/SvgIcon.vue'
+import Icon from '@/components/Icon/Icon.vue'
 import Skeleton from '@/components/Skeleton/Skeleton.vue'
 
 const txStore = useTransactionStore()
@@ -201,6 +203,10 @@ function goAdd(type: string) {
   uni.navigateTo({ url: `/pages/add/index?type=${type}` })
 }
 
+function showNotification() {
+  uni.showToast({ title: '暂无通知', icon: 'none' })
+}
+
 function onTxTap(item: any) {
   uni.navigateTo({ url: `/pages/add/index?editId=${item.id}` })
 }
@@ -217,6 +223,13 @@ function goBills() {
   padding: 0 0 180rpx;
 }
 
+.header-fixed {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: #FFF8F0;
+}
+
 .status-bar {
   background: #FFF8F0;
 }
@@ -301,7 +314,8 @@ function goBills() {
 
 .mini-stat {
   flex: 1;
-  padding: 24rpx;
+  min-width: 0;
+  padding: 24rpx 12rpx;
   border-radius: 24rpx;
   background: #FFF8F0;
   text-align: center;
@@ -316,8 +330,11 @@ function goBills() {
 
 .mini-value {
   font-family: 'Fredoka', sans-serif;
-  font-size: 36rpx;
+  font-size: 32rpx;
   font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 
   &.income { color: #7BC67E; }
   &.expense { color: #FF6B6B; }
@@ -413,6 +430,9 @@ function goBills() {
 .section-more {
   font-size: 24rpx;
   color: #FF8C69;
+  padding: 8rpx 0;
+
+  &:active { opacity: 0.6; }
 }
 
 .tx-list {