feat: 添加账单页面及相关组件，优化充值记录显示和国际化支持

src/views/trade/index.vue

@@ -6,16 +6,16 @@ const { t } = useI18n();
 </script>
 
 <template>
-  <IonPage>
-    <IonHeader class="ion-no-border">
+  <ion-page>
+    <ion-header class="ion-no-border">
       <ion-toolbar class="ui-toolbar">
-        <IonTitle>{{ t('tabs.trade') }}</IonTitle>
+        <ion-title>{{ t('tabs.trade') }}</ion-title>
       </ion-toolbar>
-    </IonHeader>
-    <IonContent :fullscreen="true">
+    </ion-header>
+    <ion-content :fullscreen="true">
       <!-- <OperationWrapper v-model="current" /> -->
-    </IonContent>
-  </IonPage>
+    </ion-content>
+  </ion-page>
 </template>
 
 <style scoped>