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/bills/index.vue

@@ -1,7 +1,9 @@
 <template>
   <view class="page">
-    <view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
-    <text class="page-title">全部账单</text>
+    <view class="header-fixed">
+      <view class="status-bar" :style="{ height: statusBarHeight + 'px' }"></view>
+      <text class="page-title">全部账单</text>
+    </view>
 
     <view class="tabs-wrap">
       <view class="tabs">
@@ -25,7 +27,7 @@
           :key="item.id"
           :item="item"
           :hideDate="true"
-          @tap="onEdit(item)"
+          @item-tap="onEdit(item)"
           @delete="onDelete(item)"
         />
       </view>
@@ -57,7 +59,7 @@
     </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>
 
@@ -72,7 +74,7 @@ import { ref, computed, onMounted } from 'vue'
 import { onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
 import { useTransactionStore } from '@/stores/transaction'
 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'
 import { statusBarHeight } from '@/utils/system'
 import { formatAmount, formatDate } from '@/utils/format'
@@ -180,6 +182,13 @@ onPullDownRefresh(() => {
   padding: 0 0 180rpx;
 }
 
+.header-fixed {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  background: #FFF8F0;
+}
+
 .status-bar {
   background: #FFF8F0;
 }