From 536d4d648941b493cb12ab89b1adb53aab952c78 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Sun, 17 Aug 2025 18:06:36 +0800
Subject: [PATCH] 1

---
 src/page/markets/markets.vue |   25 +++++++++++++++++--------
 1 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/page/markets/markets.vue b/src/page/markets/markets.vue
index 8a385db..8f87a9e 100644
--- a/src/page/markets/markets.vue
+++ b/src/page/markets/markets.vue
@@ -17,6 +17,12 @@
       </div>
     </div>
 
+    <div class="flex-between navs">
+      <div class="nav_item" v-for="item in usDataStockBeans" :key="item.id">
+        <index-component :ids="'a' + item.id" :dataObj="item"></index-component>
+      </div>
+    </div>
+
     <div class="tui_variety flex-between-start">
       <div class="tui_variety_item" @click="$store.dispatch('CustomerService')">
         <img src="@/assets/img/market_0.png" alt="" />
@@ -69,7 +75,8 @@
           path: "/bankCard1",
           img: require("@/assets/img/market_3.png")
         }
-      ]
+      ],
+      usDataStockBeans: []
     };
   },
   components: {
@@ -95,13 +102,6 @@
 </script>
 
 <style lang="less" scoped>
-@red: #ee0a24;
-@green: #c4d600;
-@white: #fff;
-@black: #000;
-@green2: #f0f0f0;
-@dark_green: #07c160;
-
 /deep/ .van-cell {
   background-color: rgba(#000, 0);
   border: rgba(#fff, 0.5) 2px solid;
@@ -115,6 +115,15 @@
   width: 100vw;
   min-height: 100vh;
   padding-bottom: 1.5rem;
+  .navs {
+    padding: 0 0.25em 0 0.25em;
+
+    .nav_item {
+      width: 2.833em;
+      height: 3em;
+      border-radius: 0.1em;
+    }
+  }
   .tui_variety {
     padding: 0.7em 0 0.35em;
     .tui_variety_item {

--
Gitblit v1.9.3