feat: 添加个人资料页面，更新服务和产品页面，优化图标和样式

src/views/product/index.vue

@@ -70,35 +70,20 @@ function handleSubscribe(product: any, event: Event) {
 
 <template>
   <ion-page>
-    <!-- <ion-header class="ion-no-border">
-      <ion-toolbar class="header-toolbar">
-        <div class="px-5 py-3">
-          <div class="text-xl font-bold text-white m-0">
-            业务办理
-          </div>
-          <p class="text-sm text-white/80 m-0 mt-1">
-            精选优质基金产品
-          </p>
-        </div>
-      </ion-toolbar>
-    </ion-header> -->
-
-    <ion-content class="ion-padding">
-      <div class="absolute top-0 left-0 w-full h-30 header-bg -z-1" />
+    <ion-content>
+      <img src="@/assets/images/product-banner.jpg" class="h-50 w-full object-cover" alt="服务页横幅">
 
       <!-- 基金产品列表 -->
-      <section class="mb-5">
+      <section class="mb-5 -mt-5 ion-padding-horizontal">
         <div class="flex justify-between items-center mb-4">
-          <div class="flex items-center gap-2">
-            <ion-icon :icon="walletOutline" class="text-2xl text-[#c41e3a]" />
-            <h3 class="text-lg font-bold text-[#1a1a1a] m-0">
-              热门产品
-            </h3>
+          <div class="flex justify-between items-center mb-4">
+            <div class="flex items-center gap-2">
+              <img src="@/assets/images/icon.png" class="size-7">
+              <div class="text-xl font-bold text-[#1a1a1a]">
+                基金产品
+              </div>
+            </div>
           </div>
-          <ion-button fill="clear" size="small" class="text-sm text-[#c41e3a] h-8 font-semibold">
-            全部
-            <ion-icon slot="end" :icon="chevronForwardOutline" />
-          </ion-button>
         </div>
 
         <div class="flex flex-col gap-4">