feat: 更新用户界面，添加 Rwa 组件并优化交易视图

src/views/trade/index.vue

@@ -1,8 +1,20 @@
 <script setup lang="ts">
-import { cartOutline } from "ionicons/icons";
-import OperationWrapper from "./components/operation-wrapper.vue";
-
 const { t } = useI18n();
+
+const tradingViewContainer = useTemplateRef<HTMLElement>("tradingViewContainer");
+
+useTradingView(tradingViewContainer, {
+  data: [
+    // 随机k线图数据
+    { time: "2023-10-01", open: 100, high: 110, low: 90, close: 105 },
+    { time: "2023-10-02", open: 105, high: 115, low: 95, close: 100 },
+    { time: "2023-10-03", open: 100, high: 120, low: 80, close: 110 },
+    { time: "2023-10-04", open: 110, high: 130, low: 100, close: 120 },
+    { time: "2023-10-05", open: 120, high: 140, low: 110, close: 130 },
+    { time: "2023-10-06", open: 130, high: 150, low: 120, close: 140 },
+    { time: "2023-10-07", open: 140, high: 160, low: 130, close: 150 },
+  ],
+});
 </script>
 
 <template>
@@ -13,7 +25,7 @@ const { t } = useI18n();
       </ion-toolbar>
     </ion-header>
     <ion-content :fullscreen="true">
-      <!-- <OperationWrapper v-model="current" /> -->
+      <div ref="tradingViewContainer" />
     </ion-content>
   </ion-page>
 </template>