feat: 更新交易视图，添加成交量数据支持并优化用户界面

src/views/market/index.vue

@@ -73,13 +73,13 @@ onBeforeMount(() => {
         <ion-refresher-content />
       </ion-refresher>
 
-      <!-- <ui-tabs size="small" class="mb-3">
-        <ui-tab-pane name="all" title="数字化产品" />
+      <ui-tabs type="segment" class="tabs">
+        <ui-tab-pane name="all" title="数字化产品">
+          <Category v-model="query!.categoryId" />
+          <RwaList :data="rwaData" />
+        </ui-tab-pane>
         <ui-tab-pane name="stocks" title="代币化产品" />
-      </ui-tabs> -->
-
-      <Category v-model="query!.categoryId" />
-      <RwaList :data="rwaData" />
+      </ui-tabs>
 
       <ion-infinite-scroll threshold="100px" @ion-infinite="handleInfinite">
         <ion-infinite-scroll-content
@@ -91,8 +91,19 @@ onBeforeMount(() => {
   </IonPage>
 </template>
 
-<style scoped>
+<style lang="css" scoped>
 ion-searchbar {
   padding: 0;
 }
+:deep(.tabs) .ui-tabs__nav-wrapper {
+  margin: 0 auto;
+  margin-bottom: 10px;
+  width: 100%;
+}
+:deep(.tabs) .ui-tab--segment {
+  font-size: 13px;
+  padding: 8px !important;
+  flex: 1;
+  text-align: center;
+}
 </style>