From ef2e2e3f9c6d37cc47b14ce0444fb75e6aa19dd1 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 27 Aug 2025 18:12:21 +0800
Subject: [PATCH] 零时提交

---
 src/page/home/home.vue | 2230 +++++++++++++++++++++++++++++++---------------------------
 1 files changed, 1,196 insertions(+), 1,034 deletions(-)

diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index ee42d04..a5ac11f 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,11 +1,13 @@
 <template>
   <div class="wrapper">
     <div class="page_content">
+      <div style="padding: 0 0.264rem;font-size: 24px;font-weight: 500;">CARLYLEJPY</div>
       <div class="center_tabs">
         <div class="banner_top">
           <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
-            <van-swipe-item v-for="(item, index) in bannerImgsArr" @click="handleBannerClick(index)" :key="index">
-              <img style="width: 100%; height: 150px" :src="item.img" alt />
+            <van-swipe-item style="height: 160px;" v-for="(item, index) in bannerImgsArr"
+              @click="handleBannerClick(index)" :key="index">
+              <img style=" width: 100%;height: 100%;" :src="item.img" alt />
             </van-swipe-item>
           </van-swipe>
         </div>
@@ -24,27 +26,31 @@
           </div>
         </div>
 
-        <div class="fg"></div>
+        <!-- <div class="fg"></div> -->
         <div class="box-1">
           <ul class="menu" style="border-bottom: 0px">
             <li @click="$router.push('/trading-list?type=DZ')">
               <div class="link">
                 <div class="icon">
-                  <img
-                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQvSURBVHgB7Zq/TxRBFMe/gyZCI4cmICSa5R8wWGiiIeEoTEwkETWxsOFsSKyAQAxWd9qY2ICVCQ00lgZN7MHEWNgcsdLqzl+cMcE7rM5Cxvf2bvHY25mdvds9DtxP8nLL7OzsfufN25l5CxATExMTExPzP2GRrZEtV48PLQmyDJl02QIOofBpsiLqxTqWI5vAISCJyvCVhsbCh3AAschWoReW05w/MPHtxKlq+HJ5uloP1WOdxzNoY8bRmNes6rkDE99J6OOUz40YtMOxq+uwLPZ5mPOwXIT6AXn4TiE4KbRhfGegn2bS+BenjWBBH9/cIdNoAUnoe38N4fa+hX2Ob92NRxAdKeg7OjIaj9PJrYzudK4oE4WiTBW25fJmSWYLJVkkk1UrctnDRwvy9BmrKcECwXA33kNW8r2qIjaNpZN19yORluzAlJC2F33j/svnPC6cHXQXG+s4iuYwF+uCPXqMX37CFmsMeRhebQ32CP9nIToQJQqx7NVOgawQDU1bdXBb3KZJ3egEK8T+KMoh8mr4b3Nq8yu37UOzMex9vUJsUAqPT3iW9yf23pZeas5hnp5wtL9H5KEgfA+HJLZBbE9zTKsqhCt4f8U6WF0d6mcIT3B7iLWREtOql1g0MeyCFxOozLOhoInhXaTA4kC3mHGXRy64SPFUFvaKLDSMBNMa4bfEoHt+jnYeJsqVxEDLoS5JdB7BNY/yQPh7eHIr1MX83OUuzJLVYuJhG4GV/m5xp7Yocg83g5fYINCStW4h0raCmxXL7His5tpScBhiGeGx+2p2t1SPawvI+1ld9f57P/f8HZZYFa3wsNG2jQlbrPS4d7OCLb8Kghf0BpiK/bVt3H8sLu9R1hS8zdNmD2nFswEfTMUuPV3E+fpsR6B7h+Fh/tzJCbYJzxo7eK1rwETs2zfrdlonfX8mkIdpeK27i4IK5kk871Fuka3AI0neCbyAJo51Yjl/dWMsiZtjo/axG073PH+1pry+/AcvERI8jHVp0wxqhH/flgs1GUhf+/ipKGfn06q25fHuhJybz+jb4Q1LyFgwTJLzVs1U7ANKxbIgVbuTd6ftDvFtyzDH1ajwrI/wIT8v09CUF4dHlEIvDSftOiadtkn3QgtIQTPMe3v7Vt+9z9U9HJfduj2hFMqJ9+Vnq8bhQJbTpXiiIA21t+3YrI1T1fB14tRo+NaI9RvKQbeHplioCE95nXSS6V5vXubK1XHQZxXPpLuG/BGJ6709QjvvRyXYgbdn/L8elkllilOQ1+3fgOT90rMOUa+lubd5aaSav21o+JJHF+05NahYzl2VJc6ZiGWi9nAtFipfGt1L0czGh29W36mBFMwpkdAVsYMnpkIdWinYwUIlvvl31/P8Zu3k/FcHRjhTISvnnbdtiTch9tqYlou8gjL9eBYTExMTExPTPvwFuTt0PD0I6k4AAAAASUVORK5CYII="
-                    alt="" />
+                  <img src="../../assets/home/block_trades.png" alt="" />
                 </div>
                 <div class="name">{{ $t("hj621") }}</div>
               </div>
             </li>
-            <li @click="$router.push('/Record')">
+            <li @click="$router.push('/favorites')">
               <div class="link">
                 <div class="icon">
-                  <img
-                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUzSURBVHgB7ZrPbxtFFMe/47VV51DHIQk4pSTTChA0ipoeQIgLTlUhRBEEJCSEIDGRQClCariA6KEN3DiRSAjKqeGKQGn/grq3QpHiAwJxyqakjQUBGyKklMb7eLOuYXe9ib3eHwZpPxd7x+Od/e578+a92QViYmJiYmJiuoWATwZy8hwEzYGQRRgQSiSoBIMu/frzTxfhE1+C+3P3FQQSFxARBOg1iIlqWdfRIQn4QEBIRAhbRyaJVvpzchod4lMw6YgagSyPuzQ4KMfRAUn4wBCoCrI1Xdksr+URIBwj8gJGgSBsVjU0Ws5m5bFqVa/CA74snCKtZD1m7SNu/QaG5NxgbmR1IDdyOZuTEh7YLOvFX8rXCxDibWu76d77jAI84kvwdhpV50U4+5gCiT6i+m/5JBkL6IDNDX2Bo/WirVGI5+ARX4KrOruTsIt2WjDt+A8JcRQdUtuXmHc05dmtPS2HvgTfQbcepGr29djNC7xeZAPzBgNrtvFSzV61F74FE8h2AYZWs0XPIC7SwaptfG2nuxYWJJouwMyULDhvSpT4FsyZlm49Jrhaz9aH70DXBPtahxWCalWy3DfhEpQSRCWyZrECvc4+qxXKpoBJLYEniDDOZ5R887L17qgafNOEQOnkk3l5fU1Hp3gWrKJwUhiTIKO0WV4vatCKO7BlH/n+3PAFYZm3fLHSnrSLfOPbRoVkDZhLCkybAqme4FvPqNq5bZy/jN99Tw6RCa6LpRWY81TjLOjgRJkTA04oivxzvtGPc+yC9X/OCkVFamXRngTOsTXnNNgFemH+gw+nT774culQn2gr4/I0h1Oo5a1lILuyme4lIV4Tznnagr+2fl9VYuGTYXm4kBZYUZ7STv8gojTYyrrGZVu7ol+ZnkEm0xtk/SzZbS6vV6hlMPQdtBqU6zXqIZXs86zNu/U5Mjomn3n2helXWXAISE1gmS09MdQn9N06BSa4gUr2+aPobFdzVrkewsW0NI91bLc5HYhLt4MKUICvDKtd5J2xXIlEsAooQQSodlFj7RbEIhHM6/A8Ikat7W7toQuu8NxNcFKBiFFjqrjR1I6Q2eZ0EV2Al0gzVXW2hy7YsGRgUaPycmdb6IJ5bex4h8MvvMHYlIhEEbQkuoThMnboghslXjcQLmNHlnj8VwhdsCre0SXIZewoLKyjSyRcxg68ePiH2Q2pPr67ubOW6UnsWrb19ghk0r6f2rpCvCXkbAtH8Ou/LfPzXHPRP7HwR8vuX81m8Pjh4C+lZuCKsy14l56tcIlGnrKrL769hTC4DTQ9QA9e8Pk+nbcui+12V+781GgKgSOw5FYTh+PSn9010ZjDismxdPbM0xnX4r+XBWd6QpjDBt53aw4vaJ0f0htflV99UqFF3lc+DZ/8+MP3tuOHHj7S1Ifr4cUDu2zzRLfjUa+Jdfjg0vKX2Nr6NwgeuPcg9u/POLvpt/aovyMT3KfmE2ECHYq+eWMdn35sf7T8yKOPObvpaoy99qj9vePh8RmR2k3UCM/Do+hr31zFzNRLuMGirZx6y7apYZ57rx1LhadokZUym9ymirWNzIunIjzwwP0PytGxo/lW/ZT7Xvv6qs2NG7zJYi2CTcu2EqvwHB4Hc8NLzhdMokZt5L/73lnzuwpQas62+6jFs2Bl5dQ2rVCX6tx3zpzF1NRMdYfwOT+TWmjHqlY6WgDroo2FyCwtUD1+/MTaG6dOl0ZHx4q8T3axXYs2n8oH6l2NZBrjAjWJsNC00u0/oXt9HysmJiYmJuZ/wN/6Zaai9yOqrAAAAABJRU5ErkJggg=="
-                    alt="" />
+                  <img src="../../assets/home/ipo.png" alt="" />
                 </div>
-                <div class="name">{{ $t("jl") }}</div>
+                <div class="name">IPO{{ $t("申购") }}</div>
+              </div>
+            </li>
+            <li @click="$router.push('/smart_intraday')">
+              <div class="link">
+                <div class="icon">
+                  <img src="../../assets/home/stock_recharge.png" alt="" />
+                </div>
+                <div class="name">{{ $t("智能日内") }}</div>
               </div>
             </li>
             <!-- <li @click="$router.push('/yeb')">
@@ -57,31 +63,34 @@
                 <div class="name">{{ $t("yeb") }}</div>
               </div>
             </li> -->
-            <li @click="aRouter">
+            <!-- <li @click="$router.push('/recharge')">
               <div class="link">
                 <div class="icon">
                   <img
                     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK2SURBVHgB7ZpPbtNAFMa/SYoUNuCwIpUA9wbpCSgrtr1BWLHmBoUtAqndsKWcANYIqXCCBi4QIyGCkJC9QkEQD++5aeU6k3r8Z8ZuOj9plPbVU8/XN/PmzZsCDofD4XA4HA6HwzS71EJqsmVtQm0EA0wAyJa2EJoI6CPRbrS0dHDF2EB5iswOE5SacVfOw07wulNlDdfKJJTeNdrrux3clxJD8oRPi9Tjn1GwiGIgEALjeYxPf4F3W/1yIaTKtlRL0JqG0p8DTzYERqcCdRh4S6/XGo/bhy8rPFN0nlufoCVw9C2Uw7zH1ilK+12Bt3metha0OAr3BI55YKiBbNCaRmfDC2YS2xTFI1U/ax6+3sEeahKbg794lxIrHk6mmUiOl7VxgYdPkNga9EWQ7WfFw5Q0POXPl+9/wxa8t6vsxgWHtHY7lFSw2BcfZrAFv5PjxpIdhiGJu7bFMjThk1Q1azeeSz88iHa+fI/RBJyX08dh2mbWw49/7ZHYERpC0CFkyQZ9ikVpEotFsKrC9PktpT03SiMZcLTpiX7aZsbDNYmtilCcvuoX3BKxq6hXcMvE8pTO2oxnWj8ieUwdc08xRdFZw/TE+LYnttM24/vwXOIzGkJSSShrMy6YXvARDcH1r6zNuOAeFdyEYi3ZgIt9WZtxwX06l8YSb2AbgUPVmdjKaYk8vA/bxHimMlfJpbWrmIOSNeSyUF37YFNxFmbW8eYh+HNBLlBEcCOBR4c7d/3TLwOadw9W1bOK8ggt/C+AGzc9uf/qtaTEY/JTo0zbyB3vosZ1hPqKeolnByvWbZpG1jAPrEelVA4uqAj/Di7L6ohlmr7FT7zNRT6uQen24UTmH+3tXdrudIWm+raDpFBPNSgSv0ODGtIf4N6561KJr/T9mFPV2cl1aWuDqMPhcDgcDjX/AeVdQUXCe3p2AAAAAElFTkSuQmCC"
-                    alt="" />
+                    alt=""
+                  />
                 </div>
                 <div class="name">{{ $t("hj256") }}</div>
               </div>
-            </li>
+            </li> -->
             <!-- RechargeSure -->
-            <li @click="$refs.language.settingDialog = true">
+            <!-- <li @click="$refs.language.settingDialog = true">
               <div class="links">
                 <div class="icon">
                   <img
                     src="data:image/png;base64,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"
-                    alt="" style="width: 0.6rem; height: 0.6rem" />
+                    alt=""
+                    style="width: 0.6rem; height: 0.6rem"
+                  />
                 </div>
                 <div class="name" style="margin-top: 2px">
                   {{ $t("yy") }}
                 </div>
               </div>
-            </li>
+            </li> -->
             <!-- setting -->
-           <!-- <li @click="$router.push('/setting')">
+            <!-- <li @click="$router.push('/setting')">
               <div class="link">
                 <div class="icon">
                   <img
@@ -96,7 +105,8 @@
                 <div class="icon">
                   <img
                     src="data:image/png;base64,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"
-                    alt="" />
+                    alt=""
+                  />
                 </div>
                 <div class="name">{{ $t("kf") }}</div>
               </div>
@@ -112,69 +122,106 @@
                 <div class="name">{{ $t("hj226") }}</div>
               </div>
             </li> -->
-            <li @click="$router.push('/RechargeSure')">
+            <!-- <li @click="$router.push('/RechargeSure')">
               <div class="link">
                 <div class="icon">
                   <img
                     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ/SURBVHgB7ZpPctMwFMY/OTBTNmCzC8Mf9wSEEwA3KCeAI7BiC2xZlQ1bygnoDQo3aE8Qd5WZLmov02lj9clNZlxXTuzYemrT95vRNNHIfv709Cy9lwKCIAiCIAiCILhmh1pKTXtq7IzhT2xvglWLsV5muUSbZ60lwD3jAdanlxlfgpMVde88LII3nS6CubehunFjah/RkLu0LS0joxY1Gbgpgg2NtGxMDE9SHTcZ18XDa+3DJ6kezRT+0scYHRiG181PMp3MND48j9ThsutYPWy80IfYGuIB3XuVp9kEj1Md0po4gBuxC2Jjo7BVA5vgRwG+wq3YBfHclhWWGC6WmSr2y96wxPD1ARrbw0gl1etYPJwD38DMDPhs63fu4ZTiaaqKSkmvrPIwfcvOyMvbkcrK/c49PL0qDbFD0xE+tNjukg83gpbzuzazOvxyau2f/HiKtgwCvKU/e+U+5x6mvfE1PKE0RtU+jpdWDE/kFtvOBdPLI4QnlMW28xhuyzqx2gbnHlZXuaoXtMU2Rwwn8ERgse1cMKVsR/CEVriRKjoXTAb+wROzHP+rfc4FbwH7vuL4nGxX+5wLjugsm2v8ATcKe9VztIElWyIP74KbHN9t3V324cZVTMpLwYnW+PnMkgsbNvGXh+RsSf7dRrC3A8QqXryMFx8TWnfvbbG7Dp/g/78AbrTHT0K9++u3pgLA2JSAV4ngDa458xrXAfrLpArPDmvitoyXGDYPtqXxxrxc0BFzjyndq4lYgxcPlzHeNkW+QLX6BTC7oL19QNtdU6Gla28HpnhOp7IdUxKihxrRBLxa5NJGIB1ejun7oTmqUp1sv68XkyAIgiAIfFwCfkkpRuF6ig4AAAAASUVORK5CYII="
-                    alt="" />
+                    alt=""
+                  />
                 </div>
                 <div class="name">{{ $t("提款") }}</div>
               </div>
-            </li>
+            </li> -->
           </ul>
           <!-- 多语言弹框 -->
           <Language ref="language" @onChange="getNewsList" />
         </div>
-        <div class="fg"></div>
-        <div class="new-stock">
+        <div class="custom-swipe">
+          <div class="scroll-item" v-for="(item, index) in zslist" :key="index" style="width: 150px;">
+            <div class="scroll-item_top">
+              <div class="scroll-item_top_left">
+                {{ item.name }}
+              </div>
+              <div class="scroll-item_top_right">{{item.symbol}}</div>
+            </div>
+            <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">
+              {{ item.last }}</div>
+            <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">
+              {{ item.chg }}({{item.chgPct}}%)</div>
+          </div>
+        </div>
+        <!-- <div class="fg"></div> -->
+        <!-- <tabsList ref="tabsList" /> -->
+        <!-- <div class="new-stock">
           <div class="title">{{ $t("hj45") }}</div>
           <div class="list">
             <div class="item" @click="$router.push('/favorites')">
               <img
                 src="data:image/png;base64,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"
-                alt="" srcset="" />
+                alt=""
+                srcset=""
+              />
 
               <div class="i-title">{{ $t("打新日曆") }}</div>
             </div>
-            <div class="item" style="margin-left: 10px" @click="$router.push('/favoritesList')">
+            <div
+              class="item"
+              style="margin-left: 10px"
+              @click="$router.push('/favoritesList')"
+            >
               <img :src="ADFASDF" alt="" srcset="" />
 
               <div class="i-title">{{ $t("申購記錄") }}</div>
             </div>
           </div>
-        </div>
+        </div> -->
       </div>
 
-      <div class="title-box">
+
+      <!-- <div class="title-box">
         <div class="title">{{ $t("資訊") }}</div>
-      </div>
+      </div> -->
       <div class="news-tab">
-        <mt-navbar v-model="news">
-          <mt-tab-item v-for="(item, index) in newListHeader" :id="item.id" :key="index">
+        <!-- <mt-navbar v-model="news">
+          <mt-tab-item
+            v-for="(item, index) in newListHeader"
+            :id="item.id"
+            :key="index"
+          >
             <span class="tab-name">{{ $t(item.title) }}</span>
           </mt-tab-item>
-        </mt-navbar>
-        <mt-tab-container v-model="news" :swipeable="true" style="padding-top: 0.5rem">
+        </mt-navbar> -->
+        <div class="title-box">
+          <div class="title">{{ $t("資訊") }}</div>
+        </div>
+        <mt-tab-container v-model="news" :swipeable="true">
           <mt-tab-container-item v-for="(items, index) in newListHeader" :id="items.id" :key="index">
             <div class="news-content">
-              <div class="" v-for="(item, inde) in items.data" :key="inde" @click="
-            $router.push({
-              path: '/newPage',
-              query: {
-                listid: item.id,
-              },
-            })
-            ">
-                <div class="item-times">
-                  {{ item.showTime | gettime }}
-                </div>
-                <div class="titContent" style="
-                    -webkit-box-orient: vertical;
-                    font-size: 0.38rem;
-                    margin-top: 0.2rem;
-                  ">
-                  {{ item.title }}
+              <div
+                style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;"
+                class="" v-for="(item, inde) in items.data" :key="inde" @click="
+                  $router.push({
+                    path: '/newPage',
+                    query: {
+                      listid: item.id
+                    }
+                  })
+                ">
+                <div style="display: flex;
+    flex-direction: column;
+    justify-content: space-between;">
+                  <div class="titContent" style="
+                     -webkit-box-orient: vertical;
+                     font-size: 0.38rem;
+                     margin-top: 0.2rem;
+                     margin-bottom: 20px;
+                   ">
+                    {{ item.title }}
+                  </div>
+                  <div class="item-times">
+                    {{ item.showTime | gettime }}
+                  </div>
                 </div>
                 <div class="neitu"><img :src="item.imgurl" /></div>
               </div>
@@ -186,7 +233,7 @@
     </div>
     <!-- tab -->
     <GoToLogin v-show="isGoTo" />
-    	<van-popup
+    <!-- <van-popup
     	  v-model="isshow"
     	  style="border-radius: 10px"
 
@@ -213,590 +260,433 @@
     	      {{ $t("我知道了") }}
     	    </van-button>
     	  </div>
-    	</van-popup>
+    	</van-popup> -->
   </div>
 </template>
 <script>
-import AllList from "@/page/list/list-all";
-import HomeList from "./components/home-list";
-import Echart from "./components/echart.vue";
-import * as api from "@/axios/api";
-import Announcement from "@/assets/img/black_laba.png";
-import caidana from "@/assets/img/caidana.png";
-import bangzhu from "@/assets/img/bangzhu.png";
-import kefua from "@/assets/img/kefua.png";
-import ADFASDF from "@/assets/img/20240711-160804.jpg";
-import xiazai from "@/assets/img/xiazai.png";
-import GoToLogin from "@/page/home/components/GoLogin.vue";
-import { MessageBox } from "mint-ui";
-import Language from "@/components/Language/index.vue";
+  import AllList from "@/page/list/list-all";
+  import HomeList from "./components/home-list";
+  import Echart from "./components/echart.vue";
+  import * as api from "@/axios/api";
+  import Announcement from "@/assets/img/black_laba.png";
+  import caidana from "@/assets/img/caidana.png";
+  import bangzhu from "@/assets/img/bangzhu.png";
+  import kefua from "@/assets/img/kefua.png";
+  import ADFASDF from "@/assets/img/20240711-160804.jpg";
+  import xiazai from "@/assets/img/xiazai.png";
+  import GoToLogin from "@/page/home/components/GoLogin.vue";
+  import {
+    MessageBox
+  } from "mint-ui";
+  import Language from "@/components/Language/index.vue";
+  import tabsList from "@/page/list/tradingList/tabs";
 
-export default {
-  components: {
-    HomeList,
-    AllList,
-    GoToLogin,
-    Echart,
-    Language,
-  },
-  // onlineService
-  props: {},
-  data() {
-    return {
-      isshow:true,
-      // 客服地址
-      news: "tab_0",
-      // 新闻导航
-      newListHeader: [
-        {
-          title: "印度新闻",
-          id: "tab_0",
-          data: [],
-          type: 1,
-        },
-        // {
-        //   title: "马来西亚新闻",
-        //   id: "tab_1",
-        //   data: [],
-        //   type: 2,
-        // },
-      ],
+  export default {
+    components: {
+      tabsList,
+      HomeList,
+      AllList,
+      GoToLogin,
+      Echart,
+      Language
+    },
+    // onlineService
+    props: {},
+    data() {
+      return {
+        isshow: true,
+        // 客服地址
+        news: "tab_0",
+        // 新闻导航
+        newListHeader: [{
+            title: this.$t("hj6"),
+            id: "tab_0",
+            data: [],
+            type: 1
+          }
+          // {
+          //   title: "马来西亚新闻",
+          //   id: "tab_1",
+          //   data: [],
+          //   type: 2,
+          // },
+        ],
 
-      // 公告 icon 地址
-      Announcement,
-      ADFASDF,
-      close: true,
-      proData: [], // 分割好的数据
-      currentIndex: 0,
-      bannerImgsArr: [
-        {
-          img: require("@/assets/img/max.jpg"),
-        },
-        {
-          img: require("@/assets/img/20240518-225348.jpg"),
-        },
-        // {
-        //   img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
-        // },
-      ],
-      // 公告列表
-      artList: [],
-      onlineService: "123123",
-      isGoTo: false,
-      bannerList: [],
-      userInfo: [],
-    };
-  },
-  computed: {
-    navsArr() {
-      return [
-        {
-          img: xiazai,
-          title: this.$t("hj1461"),
-        },
-        {
-          img: kefua,
-          title: this.$t("kf"),
-        },
-        {
-          img: bangzhu,
-          title: this.$t("bz"),
-        },
-        {
-          img: caidana,
-          title: this.$t("caidan"),
-        },
-      ];
+        // 公告 icon 地址
+        Announcement,
+        ADFASDF,
+        close: true,
+        intervalId: null,
+        proData: [], // 分割好的数据
+        currentIndex: 0,
+        bannerImgsArr: [{
+            img: require("@/assets/img/11111.png")
+          },
+          {
+            img: require("@/assets/img/22222.png")
+          }
+          // {
+          //   img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
+          // },
+        ],
+        // 公告列表
+        artList: [],
+
+        onlineService: "123123",
+        zslist: [],
+        isGoTo: false,
+        bannerList: [],
+        userInfo: []
+      };
     },
-  },
-  filters: {
-    gettime(time) {
-      if (!time) {
-        return ''
+    computed: {
+      navsArr() {
+        return [{
+            img: xiazai,
+            title: this.$t("hj1461")
+          },
+          {
+            img: kefua,
+            title: this.$t("kf")
+          },
+          {
+            img: bangzhu,
+            title: this.$t("bz")
+          },
+          {
+            img: caidana,
+            title: this.$t("caidan")
+          }
+        ];
       }
-      var nd = new Date(time)
-      var y = nd.getFullYear()
-      var mm = nd.getMonth() + 1
-      var d = nd.getDate()
-      var h = nd.getHours()
-      var m = nd.getMinutes()
-      var c = nd.getSeconds()
-      if (mm < 10) {
-        mm = '0' + mm
-      }
-      if (d < 10) {
-        d = '0' + d
-      }
-      if (h < 10) {
-        h = '0' + h
-      }
-      if (m < 10) {
-        m = '0' + m
-      }
-      if (c < 10) {
-        c = '0' + c
-      }
-      // 17:35:2922-06-2022
-      return d + '-' + mm + '-' + y + ' ' + h + ':' + m + ':' + c
-    }
-  },
-  methods: {
-    closeclick(){
-    	this.isshow = false
     },
-    aRouter(){
-      this.$store.commit("elAlertShow", {
+    filters: {
+      gettime(time) {
+        if (!time) {
+          return "";
+        }
+        var nd = new Date(time);
+        var y = nd.getFullYear();
+        var mm = nd.getMonth() + 1;
+        var d = nd.getDate();
+        var h = nd.getHours();
+        var m = nd.getMinutes();
+        var c = nd.getSeconds();
+        if (mm < 10) {
+          mm = "0" + mm;
+        }
+        if (d < 10) {
+          d = "0" + d;
+        }
+        if (h < 10) {
+          h = "0" + h;
+        }
+        if (m < 10) {
+          m = "0" + m;
+        }
+        if (c < 10) {
+          c = "0" + c;
+        }
+        // 17:35:2922-06-2022
+        return d + "-" + mm + "-" + y + " " + h + ":" + m + ":" + c;
+      }
+    },
+    methods: {
+       async getrglist() {
+        // 获取指数
+        let data = await api.getIndexData();
+        if (data.status === 0) {
+          this.zslist = data.data
+        } else {}
+      },
+      closeclick() {
+        this.isshow = false;
+      },
+      aRouter() {
+        this.$store.commit("elAlertShow", {
           elAlertShow: true,
           elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
         });
-      // window.open(this.onlineService);
-    },
-    aRouter1() {
-        window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
-      // window.open(this.onlineService);
-    },
+        // window.open(this.onlineService);
+      },
+      aRouter1() {
+        // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
+        window.open(this.onlineService);
+      },
 
-    getdialog() {
-      MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
-        confirmButtonText: this.$t("hj161"),
-        cancelButtonText: this.$t("hj106"),
-      })
-        .then(async () => {
-        })
-        .catch(() => {
-        });
-    },
-    onSelect(e) {
-      this.$i18n.locale = e.lang;
-      window.localStorage.setItem("language", e.lang);
-    },
-    async getUserInfo() {
-      // 获取用户信息
-      let data = await api.getUserInfo();
-      if (data.status === 0) {
-        // 判断是否登录
-        this.$store.state.userInfo = data.data;
-        this.userInfo = data.data;
-      } else {
-      }
-    },
-    getHuo() {
-      // 123随机
-      var num = Math.floor(Math.random() * 3 + 1);
-      return num;
-    },
-    // 构造随机数列表  50 100 200
-    getNum1(num) {
-      if (num === 1) {
-        return 50;
-      } else if (num === 2) {
-        return 100;
-      } else if (num >= 3) {
-        return 200;
-      }
-    },
-    goDetail(item) {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push({
-        path: "/kline",
-        query: {
-          name: item.name,
-          stockplate: item.stock_plate,
-          code: item.symbol.substring(2, item.symbol.length),
-          type: item.market,
-          sok: this.filterSH(item.market),
-          if_zhishu: "0",
-        },
-      });
-    },
-    filterSH(val) {
-      if (val === "sh") {
-        return 1;
-      } else if (val === "bj" || val === "sz") {
-        return 0;
-      }
-    },
-    gocz() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      } else {
-        this.$router.push("/wallet");
-      }
-    },
-    goJy(index) {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      switch (index) {
-        // case 0:
-        //   this.$router.push('/yeb')
-        //   break
-        case 0:
-          this.$router.push("/download");
-          // this.$router.push('/warehouse')
-          break;
-        case 1:
-          // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
-          this.$router.push("/new_service");
-          // window.location.href = this.onlineService
-          break;
-        case 2:
-          this.$router.push("/help");
-          break;
-        // case 3:
-        //   this.$router.push('/Subscription?idx=1')
-        //   break
-        case 3:
-          // this.$router.push('/Subscription?idx=1')
-          this.$router.push({ path: "/trading-list", query: { indexid: 3 } });
-          break;
-        case 4:
-          // this.$router.push('/SubDK')
-
-          break;
-        case 5:
-          // this.$router.push('/SubDK')
-          this.$router.push("/wallet");
-          break;
-        default:
-          break;
-      }
-      if (navigator.vibrate) {
-        // 支持
-        navigator.vibrate([55]);
-      }
-    },
-    async getBanner() {
-      // 获取显示的banner
-      let result = await api.getBannerByPlat({ platType: "m" });
-      if (result.status === 0) {
-        var ajson = { bannerUrl: this.banner1 };
-        this.bannerList.push(ajson);
-      } else {
-        this.$store.commit("elAlertShow", {
-          elAlertShow: true,
-          elAlertText: result.msg,
-        });
-      }
-    },
-    goOnline() {
-      this.$router.push("/service");
-    },
-    // 获取公告
-    async getArtList() {
-      let data = await api.getArtList();
-      if (data.status === 0) {
-        this.artList = data.data.list[0];
-      }
-    },
-    async getInfoSite() {
-      let data = await api.getInfoSite();
-      if (data.status === 0) {
-        this.onlineService = data.data.onlineService;
-        console.log(this.onlineService, 'this.onlineService');
-      } else {
-        this.$store.commit("elAlertShow", {
-          elAlertShow: true,
-          elAlertText: data.msg,
-        });
-      }
-    },
-
-    // 获取新闻列表
-    async getNewsList(type) {
-      if (typeof type == "string") type = 1
-      let data = await api.queryNewsList(type);
-      // this.isshow = true
-      this.newListHeader.map((item) => {
-        if (item.type === type) {
-          item.data = data.data.list;
+      getdialog() {
+        MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
+            confirmButtonText: this.$t("hj161"),
+            cancelButtonText: this.$t("hj106")
+          })
+          .then(async () => {})
+        // .catch(() => {});
+      },
+      onSelect(e) {
+        this.$i18n.locale = e.lang;
+        window.localStorage.setItem("language", e.lang);
+      },
+      async getUserInfo() {
+        // 获取用户信息
+        let data = await api.getUserInfo();
+        if (data.status === 0) {
+          // 判断是否登录
+          this.$store.state.userInfo = data.data;
+          this.userInfo = data.data;
+        } else {}
+      },
+      getHuo() {
+        // 123随机
+        var num = Math.floor(Math.random() * 3 + 1);
+        return num;
+      },
+      // 构造随机数列表  50 100 200
+      getNum1(num) {
+        if (num === 1) {
+          return 50;
+        } else if (num === 2) {
+          return 100;
+        } else if (num >= 3) {
+          return 200;
         }
-      });
-      this[`newsContent${type}`] = data.data.list;
-    },
+      },
+      goDetail(item) {
+        if (this.userInfo.length === 0) {
+          this.$store.commit("dialogVisible", true);
+          return;
+        }
+        this.$router.push({
+          path: "/kline",
+          query: {
+            name: item.name,
+            stockplate: item.stock_plate,
+            code: item.symbol.substring(2, item.symbol.length),
+            type: item.market,
+            sok: this.filterSH(item.market),
+            if_zhishu: "0"
+          }
+        });
+      },
+      filterSH(val) {
+        if (val === "sh") {
+          return 1;
+        } else if (val === "bj" || val === "sz") {
+          return 0;
+        }
+      },
+      gocz() {
+        if (this.userInfo.length === 0) {
+          this.$store.commit("dialogVisible", true);
+          return;
+        } else {
+          this.$router.push("/wallet");
+        }
+      },
+      goJy(index) {
+        if (this.userInfo.length === 0) {
+          this.$store.commit("dialogVisible", true);
+          return;
+        }
+        switch (index) {
+          // case 0:
+          //   this.$router.push('/yeb')
+          //   break
+          case 0:
+            this.$router.push("/download");
+            // this.$router.push('/warehouse')
+            break;
+          case 1:
+            // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
+            this.$router.push("/new_service");
+            // window.location.href = this.onlineService
+            break;
+          case 2:
+            this.$router.push("/help");
+            break;
+            // case 3:
+            //   this.$router.push('/Subscription?idx=1')
+            //   break
+          case 3:
+            // this.$router.push('/Subscription?idx=1')
+            this.$router.push({
+              path: "/trading-list",
+              query: {
+                indexid: 3
+              }
+            });
+            break;
+          case 4:
+            // this.$router.push('/SubDK')
 
-    handleSearchClick() {
-      this.$router.push({ path: "/trading-list", query: { type: 1 } });
-    },
-  },
+            break;
+          case 5:
+            // this.$router.push('/SubDK')
+            this.$router.push("/wallet");
+            break;
+          default:
+            break;
+        }
+        if (navigator.vibrate) {
+          // 支持
+          navigator.vibrate([55]);
+        }
+      },
+       getBanner() {
+        // 获取显示的banner
+        let result =  api.getBannerByPlat({
+          platType: "m"
+        });
+        if (result.status === 0) {
+          var ajson = {
+            bannerUrl: this.banner1
+          };
+          this.bannerList.push(ajson);
+        } else {
+          // this.$store.commit("elAlertShow", {
+          //   elAlertShow: true,
+          //   elAlertText: result.msg
+          // });
+        }
+      },
+      goOnline() {
+        this.$router.push("/service");
+      },
+      // 获取公告
+      async getArtList() {
+        let data = await api.getArtList();
+        if (data.status === 0) {
+          this.artList = data.data.list[0];
+        }
+      },
+      async getInfoSite() {
+        let data = await api.getInfoSite();
+        if (data.status === 0) {
+          this.onlineService = data.data.onlineService;
+          console.log(this.onlineService, "this.onlineService");
+        } else {
+          this.$store.commit("elAlertShow", {
+            elAlertShow: true,
+            elAlertText: data.msg
+          });
+        }
+      },
+       startPolling(){
+         this.intervalId = setInterval(() => {
+            this.getrglist();
+        }, 5000); // 每 5 秒轮询一次
+      },
+       stopPolling() {
+        if (this.intervalId) {
+          clearInterval(this.intervalId);
+          this.intervalId = null;
+        }
+      },
+      // 获取新闻列表
+      async getNewsList(type) {
+        if (typeof type == "string") type = 1;
+        let data = await api.queryNewsList(type);
+        // this.isshow = true
+        this.newListHeader.map(item => {
+          if (item.type === type) {
+            item.data = data.data.list;
+          }
+        });
+        this[`newsContent${type}`] = data.data.list;
+      },
 
-  async  mounted() {
-    this.getUserInfo();
-    this.getInfoSite();
-    await  this.getNewsList(1);
-    this.getArtList();
-    this.getBanner();
-
-    setInterval(() => {
-      if (window.localStorage.getItem("USERTOKEN")) {
-        this.isGoTo = false;
-      } else {
-        this.isGoTo = !this.isGoTo;
+      handleSearchClick() {
+        this.$router.push({
+          path: "/trading-list",
+          query: {
+            type: 1
+          }
+        });
       }
-    }, 10000);
-  },
-};
+    },
+     beforeDestroy() {
+       this.stopPolling()
+    },
+     mounted() {
+       this.startPolling();
+      this.getUserInfo();
+      this.getrglist();
+      // this.getrglist()
+      this.getInfoSite();
+       this.getNewsList(1);
+      this.getArtList();
+      this.getBanner();
+      setInterval(() => {
+        if (window.localStorage.getItem("USERTOKEN")) {
+          this.isGoTo = false;
+        } else {
+          this.isGoTo = !this.isGoTo;
+        }
+      }, 10000);
+    }
+  };
 </script>
 <style lang="less" scoped>
-.navs {
-  width: 100%;
-  height: 2.6154rem;
-
-  display: flex;
-  justify-content: center;
-
-  >.navs_content {
-    position: relative;
-    overflow: hidden;
-    width: 87%;
-    height: 100%;
-    margin: 20px auto;
-    // border-radius: 0.2564rem;
-    display: flex;
-    justify-content: space-between;
-
-    >.chacha {
-      width: 1rem;
-      height: 1rem;
-      border-radius: 100%;
-      background-color: rgb(210, 210, 212);
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      position: absolute;
-      right: -0.4rem;
-      top: -0.4rem;
-
-      >div {
-        width: 0.3554rem;
-        height: 0.3554rem;
-        margin-top: 0.3rem;
-        margin-left: 0.15rem;
-
-        >img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-
-    >div {
-      width: 20%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-
-      >div {
-        width: 100%;
-        height: 60%;
-
-        >.top_img {
-          width: 0.903704rem;
-          height: 0.803704rem;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          >div {
-            width: 0.9718rem;
-            height: 0.9718rem;
-
-            >img {
-              width: 100%;
-              height: 100%;
-            }
-          }
-        }
-
-        >.bottom_navs {
-          width: 100%;
-          height: 30%;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          font-size: 0.33rem;
-          margin-top: 0.15rem;
-        }
-      }
-    }
+  /deep/.header-box {
+    display: none;
   }
-}
 
-.txt_box_box_right {
-  color: #fff;
-  background: #409eff;
-  text-align: center;
-  padding: 10px 15px;
-  border-radius: 6px;
-}
-
-.txt_box_box_left {
-  margin: 10px 0;
-  font-size: 30px;
-  font-weight: 600;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis
-    /* 显示省略符号 (...) */
-  ;
-}
-
-.txt_box_box {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.txt_box_top {
-  font-size: 12px;
-  margin-top: 10px;
-  margin-bottom: 20px;
-}
-
-.txt_box {
-  width: 95%;
-  margin-left: 2.5%;
-  display: flex;
-  flex-direction: column;
-  background: linear-gradient(270deg, #fff, #f2ecfd);
-  border: 1px solid #dcdfe9;
-  border-radius: 6px;
-  padding: 10px 20px;
-  font-size: 12px;
-  margin-top: 10px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
-}
-
-.wrapper {
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  padding-top: 0.3128rem;
-
-  .page_content {
-    width: 100%;
-    height: 100%;
+  /deep/.asiis {
+    display: none;
   }
-}
 
-.top_logo {
-  width: 100%;
-  height: 0.7949rem;
-  display: flex;
-  padding-right: 0.3rem;
+  .horizontal-scroll-container::-webkit-scrollbar {
+    display: none;
+    /* 对于 Webkit 浏览器(如 Chrome, Safari)隐藏滚动条 */
+  }
 
-  >div {
-    width: 50%;
-    height: 100%;
+  .scroll-item_top_right {
+    width: 30%;
+    font-size: 12px;
+    font-weight: 700;
+    color: #ababab;
+  }
+
+  .scroll-item_top_left {
+    width: 70%;
+    font-size: .373333rem;
+    font-weight: 700;
+    color: #137D68;
+  }
+
+  .scroll-item_top {
     display: flex;
     align-items: center;
+    margin-bottom: 25px;
   }
 
-  .img_logo {
-    font-size: 20px;
-    font-family: AlibabaSansVietBold;
-    font-weight: 600;
-    color: #333333;
-    margin-left: 0.3846rem;
+  .scroll-item {
+    display: inline-block;
+    /* 横向排列每个项 */
+    min-width: 225px;
+    /* 每个项的宽度 */
+    height: 160px;
+    /* 每个项的高度 */
+    background-color: #F5EDEC;
+    /* 背景色 */
+    margin-left: 20px;
+    /* 项之间的间距 */
+    // line-height: 100px; /* 垂直居中 */
 
-    >img {
-      width: 100%;
-      height: 100%;
-    }
+    border-radius: 5px;
+    /* 圆角 */
+    padding: .32rem .213333rem;
   }
 
-  .right_search {
-    justify-content: flex-end;
-    width: 50%;
-
-    >div {
-      width: 34%;
-      height: 0.4615rem;
-      display: flex;
-      justify-content: space-between;
-
-      >div {
-        width: 0.5615rem;
-        height: 0.5615rem;
-
-        >img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-  }
-}
-
-.center_tabs {
-  width: 100%;
-  height: auto;
-  margin-top: 0.2308rem;
-
-  >.banner_top {
+  .custom-swipe {
     width: 100%;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-
-    .van-swipe-item {
-      // height: 3.0615rem;
-      padding: 0 0.264rem;
-      border-radius: 0.3rem;
-    }
-
-    .van-swipe-item img {
-      border-radius: 0.3rem;
-    }
-  }
-
-  >.announcement {
-    width: 100%;
-    height: auto;
+    height: 180px;
+    /* 每个项的高度 */
     display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0.2rem 0 0.2rem 0;
-
-    >.an_content {
-      width: 95%;
-      height: 0.559rem;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .an_left_icon {
-        width: 4%;
-        height: 70%;
-        display: flex;
-        align-items: center;
-
-        >img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-
-      .an_right_message {
-        width: 93%;
-        height: 100%;
-        line-height: 0.559rem;
-        align-items: center;
-        align-content: center;
-        font-size: 0.29rem;
-        white-space: nowrap;
-        overflow: hidden;
-        // text-overflow:ellipsis;
-      }
-    }
+    overflow-x: auto;
+    /* 启用横向滚动 */
+    white-space: nowrap;
+    /* 保证子项不换行 */
+    scrollbar-width: none;
   }
 
   .navs {
@@ -883,463 +773,735 @@
     }
   }
 
-  .focus_on {
-    width: 100%;
-    height: 6.4231rem;
-    margin-top: 0.2564rem;
+  .txt_box_box_right {
+    color: #fff;
+    background: #409eff;
+    text-align: center;
+    padding: 10px 15px;
+    border-radius: 6px;
+  }
+
+  .txt_box_box_left {
+    margin: 10px 0;
+    font-size: 30px;
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
+      /* 显示省略符号 (...) */
+    ;
+  }
+
+  .txt_box_box {
     display: flex;
+    justify-content: space-between;
     align-items: center;
-    justify-content: center;
+    margin-bottom: 20px;
+  }
 
-    .fo_content {
-      width: 95%;
-      height: 100%;
-      padding: 0 0.2564rem;
-      border-radius: 0.2564rem;
-      padding-top: 0.2rem;
+  .txt_box_top {
+    font-size: 12px;
+    margin-top: 10px;
+    margin-bottom: 20px;
+  }
 
-      .top_title {
-        width: 100%;
-        height: 0.8821rem;
-        display: flex;
-        font-size: 0.4rem;
-        font-weight: 800;
-        align-items: center;
-      }
-    }
+  .txt_box {
+    width: 95%;
+    margin-left: 2.5%;
+    display: flex;
+    flex-direction: column;
+    background: linear-gradient(270deg, #fff, #f2ecfd);
+    border: 1px solid #dcdfe9;
+    border-radius: 6px;
+    padding: 10px 20px;
+    font-size: 12px;
+    margin-top: 10px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
+  }
 
-    /deep/ .van-swipe__indicators {
-      bottom: 0.1rem;
-    }
+  .wrapper {
+    width: 100%;
+    height: 100%;
+    background-color: #F8FAF9;
+    padding-top: 0.3128rem;
 
-    /deep/ .van-swipe__indicator {
-      background-color: #2d8cf0 !important;
-      opacity: 1;
-    }
-
-    /deep/ .van-swipe__indicator--active {
-      width: 0.35rem !important;
-      border-radius: 0.23rem;
-      background-color: #aec7ec !important;
-    }
-
-    .fo_banner {
+    .page_content {
       width: 100%;
-      height: calc(100% - 0.8821rem - 0.3rem);
+      height: 100%;
     }
   }
 
-  .item_cont {
+  .top_logo {
     width: 100%;
-    height: 1.5385rem;
-    border-bottom: 0.5px solid #ececec;
-    position: relative;
-    border: none;
+    height: 0.7949rem;
     display: flex;
-    flex-wrap: wrap;
-    align-content: center;
+    padding-right: 0.3rem;
 
     >div {
-      width: 100%;
-      height: 30%;
-    }
-
-    .top_fo,
-    .bottom_fo {
-      display: flex;
-      justify-content: space-between;
-
-      span {
-        display: inline-block;
-      }
-
-      .title {
-        width: 30%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        font-weight: 500;
-      }
-
-      .aikesi {
-        width: auto;
-        height: 0.3rem;
-        background: #dbe3f0;
-        color: #546daf;
-        padding-left: 0.2rem;
-        padding-right: 0.2rem;
-        font-size: 0.15rem;
-        line-height: 0.3rem;
-        margin-right: 0.1rem;
-      }
-
-      .numberid {
-        font-size: 0.28rem;
-        display: flex;
-
-        line-height: 0.5rem;
-      }
-
-      .numbers {
-        width: 20%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-      }
-
-      .point {
-        font-size: 0.28rem;
-        height: 0.5rem;
-        line-height: 0.5rem;
-      }
-
-      .percentage {
-        width: 20%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        text-align: center;
-        justify-content: center;
-      }
-
-      .percentage span {
-        height: 0.5rem;
-        line-height: 0.5rem;
-      }
-    }
-
-    .top_fo {
-      font-size: 0.3846rem !important;
-    }
-
-    .bottom_fo {
-      margin-top: 0.1rem;
-      font-size: 0.1846rem;
-      color: #999898;
-    }
-
-    .percentage.gree {
-      color: green !important;
-    }
-
-    .percentage.redd {
-      color: red !important;
-    }
-  }
-}
-
-.item_conts::after {
-  content: "";
-  position: absolute;
-  bottom: 0;
-  background: #ececec;
-  width: 100%;
-  height: 1px;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-  -webkit-transform-origin: 0 0;
-  transform-origin: 0 0;
-}
-
-.my-swipe .van-swipe-item {
-  font-size: 0.5128rem;
-  // line-height: 3.8462rem;
-  text-align: center;
-  overflow: hidden;
-}
-
-.fo_my-swipe .van-swipe-item {
-  font-size: 0.5128rem;
-  // line-height: 3.8462rem;
-  overflow: hidden;
-}
-
-.fo_my-swipe {
-  width: 100%;
-  height: 100%;
-}
-
-.focus_skeleton {
-  margin-top: 1rem;
-}
-
-.van-skeleton__row,
-.van-skeleton__title {
-  height: 0.7rem;
-}
-
-.news-tab {
-  width: 95%;
-  position: relative;
-  left: 0;
-  right: 0;
-  margin: auto;
-  margin-top: 0.2rem;
-  border-radius: 0.4rem 0.4rem 0 0;
-  padding-top: 0.3rem;
-
-  /deep/ .is-selected .tab-name {
-    position: relative;
-  }
-
-  /deep/ .mint-navbar .mint-tab-item.is-selected {
-    border: 0 !important;
-    border-bottom: none;
-  }
-
-  /deep/ .is-selected .tab-name:after {
-    position: absolute;
-    display: block;
-    content: "";
-    height: 0.07rem;
-    background-color: #1381a4;
-    width: 100%;
-    left: 0;
-    bottom: -0.25rem;
-  }
-}
-
-.news-content {
-  position: relative;
-  padding: 0.3rem;
-}
-
-.item-out {
-  position: relative;
-  border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
-  padding: 0 0.25rem 1rem 0.25rem;
-}
-
-.item-out::before {
-  content: "●";
-  position: absolute;
-  top: -0.1rem;
-  left: -0.128rem;
-  margin: auto;
-}
-
-.item-times {
-  color: #999;
-  margin-bottom: 0.15rem;
-}
-
-.titContent {
-  position: relative;
-  width: 100%;
-  font-size: 0.35rem;
-  line-height: 0.46rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 2;
-  display: -webkit-box;
-}
-
-.neitu {
-  width: 100%;
-  border-radius: 0.05rem;
-  margin-top: 0.3rem;
-  margin-bottom: 0.8rem;
-}
-
-.neitu img {
-  width: 100%;
-  border-radius: 0.05rem;
-}
-
-.block-out {
-  margin-top: 0.2rem;
-}
-
-.blocks {
-  width: auto;
-  font-size: 0.32rem;
-  padding: 0.08rem 0.15rem 0.08rem 0.15rem;
-  display: inline-block;
-  border: 0.0513rem solid #41ac75;
-  color: #41ac75;
-}
-
-.animate {
-  padding-left: 20px;
-
-  font-size: 0.29rem;
-
-  color: #000;
-
-  display: inline-block;
-
-  white-space: nowrap;
-
-  animation: 10s wordsLoop linear infinite normal;
-}
-
-@keyframes wordsLoop {
-  0% {
-    transform: translateX(100%);
-
-    -webkit-transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(-100%);
-
-    -webkit-transform: translateX(-100%);
-  }
-}
-
-@-webkit-keyframes wordsLoop {
-  0% {
-    transform: translateX(100%);
-
-    -webkit-transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(-100%);
-
-    -webkit-transform: translateX(-100%);
-  }
-}
-
-.box-1 {
-  background: #fefffe;
-  border-radius: 0.21333rem;
-  margin-top: 0.21333rem;
-
-  .menu {
-    display: flex;
-    padding: 0.4rem 0;
-    flex-wrap: wrap;
-
-    li {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      width: 25%;
-      flex-shrink: 0;
-      justify-content: center;
-      margin-bottom: 0.4rem;
-
-      .links {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        color: #fff;
-
-        .name {
-          font-family: PingFang SC;
-          font-style: normal;
-          font-weight: 400;
-          font-size: 0.32rem;
-          line-height: 0.45333rem;
-          color: #14181f;
-          text-align: center;
-        }
-      }
-
-      .link {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        color: #fff;
-
-        .icon {
-          width: 0.8rem;
-          height: 0.8rem;
-        }
-
-        img {
-          width: 100%;
-          height: 100%;
-        }
-
-        .name {
-          font-family: PingFang SC;
-          font-style: normal;
-          font-weight: 400;
-          font-size: 0.32rem;
-          line-height: 0.45333rem;
-          color: #14181f;
-          text-align: center;
-        }
-      }
-    }
-  }
-}
-
-.fg {
-  width: 100%;
-  height: 10px;
-  background-color: rgb(247, 247, 250);
-}
-
-.new-stock {
-  padding: 0 0.4rem;
-
-  .title {
-    color: #2c2e3b;
-    text-align: justify;
-    font-family: PingFang SC;
-    font-size: 0.37333rem;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
-    padding-top: 0.26667rem;
-  }
-
-  .list {
-    display: flex;
-    padding-top: 0.26667rem;
-
-    .item {
-      background: linear-gradient(rgb(94, 248, 196) 0%, rgb(72, 205, 105) 100%);
-      flex: 1;
-      border-radius: 0.4rem;
       width: 50%;
-      height: 4.2rem;
+      height: 100%;
       display: flex;
-      flex-direction: column;
       align-items: center;
-      justify-content: center;
-      color: #fff;
-      font-size: 0.4rem;
-      font-weight: 500;
+    }
+
+    .img_logo {
+      font-size: 20px;
+      font-family: AlibabaSansVietBold;
+      font-weight: 600;
+      color: #333333;
+      margin-left: 0.3846rem;
 
       >img {
-        width: 30%;
+        width: 100%;
+        height: 100%;
       }
+    }
 
-      .i-title {
-        font-family: PingFang SC;
-        margin: 15px 0;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 0.42667rem;
+    .right_search {
+      justify-content: flex-end;
+      width: 50%;
+
+      >div {
+        width: 34%;
+        height: 0.4615rem;
+        display: flex;
+        justify-content: space-between;
+
+        >div {
+          width: 0.5615rem;
+          height: 0.5615rem;
+
+          >img {
+            width: 100%;
+            height: 100%;
+          }
+        }
       }
     }
   }
-}
 
-.list .item:nth-child(2) {
-  background: #4A5E77;
-}
+  .center_tabs {
+    width: 100%;
+    height: auto;
+    margin-top: 0.2308rem;
 
-.title-box {
-  padding: 0.26667rem 0.4rem 0;
-  margin-bottom: 0.26667rem;
+    >.banner_top {
+      width: 100%;
+      height: auto;
 
-  .title {
-    color: #000;
-    font-family: PingFang SC;
-    font-size: 0.42667rem;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 0.64rem;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+
+      .van-swipe-item {
+        // height: 3.0615rem;
+        // padding: 0 0.264rem;
+        // border-radius: 0.3rem;
+      }
+
+      .van-swipe-item img {
+        // border-radius: 0.3rem;
+      }
+    }
+
+    >.announcement {
+      width: 100%;
+      height: auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 0.2rem 0 0.2rem 0;
+      background-color: #E8F4F0;
+
+      >.an_content {
+        width: 95%;
+        height: 0.559rem;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .an_left_icon {
+          width: 4%;
+          height: 70%;
+          display: flex;
+          align-items: center;
+
+          >img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+
+        .an_right_message {
+          width: 93%;
+          height: 100%;
+          line-height: 0.559rem;
+          align-items: center;
+          align-content: center;
+          font-size: 0.29rem;
+          white-space: nowrap;
+          overflow: hidden;
+          // text-overflow:ellipsis;
+        }
+      }
+    }
+
+    .navs {
+      width: 100%;
+      height: 2.6154rem;
+
+      display: flex;
+      justify-content: center;
+
+      >.navs_content {
+        position: relative;
+        overflow: hidden;
+        width: 87%;
+        height: 100%;
+        margin: 20px auto;
+        // border-radius: 0.2564rem;
+        display: flex;
+        justify-content: space-between;
+
+        >.chacha {
+          width: 1rem;
+          height: 1rem;
+          border-radius: 100%;
+          background-color: rgb(210, 210, 212);
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          position: absolute;
+          right: -0.4rem;
+          top: -0.4rem;
+
+          >div {
+            width: 0.3554rem;
+            height: 0.3554rem;
+            margin-top: 0.3rem;
+            margin-left: 0.15rem;
+
+            >img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+        }
+
+        >div {
+          width: 20%;
+          height: 100%;
+          display: flex;
+          align-items: center;
+
+          >div {
+            width: 100%;
+            height: 60%;
+
+            >.top_img {
+              width: 0.903704rem;
+              height: 0.803704rem;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+
+              >div {
+                width: 0.9718rem;
+                height: 0.9718rem;
+
+                >img {
+                  width: 100%;
+                  height: 100%;
+                }
+              }
+            }
+
+            >.bottom_navs {
+              width: 100%;
+              height: 30%;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              font-size: 0.33rem;
+              margin-top: 0.15rem;
+            }
+          }
+        }
+      }
+    }
+
+    .focus_on {
+      width: 100%;
+      height: 6.4231rem;
+      margin-top: 0.2564rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      .fo_content {
+        width: 95%;
+        height: 100%;
+        padding: 0 0.2564rem;
+        border-radius: 0.2564rem;
+        padding-top: 0.2rem;
+
+        .top_title {
+          width: 100%;
+          height: 0.8821rem;
+          display: flex;
+          font-size: 0.4rem;
+          font-weight: 800;
+          align-items: center;
+        }
+      }
+
+      /deep/ .van-swipe__indicators {
+        bottom: 0.1rem;
+      }
+
+      /deep/ .van-swipe__indicator {
+        background-color: #2d8cf0 !important;
+        opacity: 1;
+      }
+
+      /deep/ .van-swipe__indicator--active {
+        width: 0.35rem !important;
+        border-radius: 0.23rem;
+        background-color: #aec7ec !important;
+      }
+
+      .fo_banner {
+        width: 100%;
+        height: calc(100% - 0.8821rem - 0.3rem);
+      }
+    }
+
+    .item_cont {
+      width: 100%;
+      height: 1.5385rem;
+      border-bottom: 0.5px solid #ececec;
+      position: relative;
+      border: none;
+      display: flex;
+      flex-wrap: wrap;
+      align-content: center;
+
+      >div {
+        width: 100%;
+        height: 30%;
+      }
+
+      .top_fo,
+      .bottom_fo {
+        display: flex;
+        justify-content: space-between;
+
+        span {
+          display: inline-block;
+        }
+
+        .title {
+          width: 30%;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          font-weight: 500;
+        }
+
+        .aikesi {
+          width: auto;
+          height: 0.3rem;
+          background: #dbe3f0;
+          color: #546daf;
+          padding-left: 0.2rem;
+          padding-right: 0.2rem;
+          font-size: 0.15rem;
+          line-height: 0.3rem;
+          margin-right: 0.1rem;
+        }
+
+        .numberid {
+          font-size: 0.28rem;
+          display: flex;
+
+          line-height: 0.5rem;
+        }
+
+        .numbers {
+          width: 20%;
+          height: 100%;
+          display: flex;
+          align-items: center;
+        }
+
+        .point {
+          font-size: 0.28rem;
+          height: 0.5rem;
+          line-height: 0.5rem;
+        }
+
+        .percentage {
+          width: 20%;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          text-align: center;
+          justify-content: center;
+        }
+
+        .percentage span {
+          height: 0.5rem;
+          line-height: 0.5rem;
+        }
+      }
+
+      .top_fo {
+        font-size: 0.3846rem !important;
+      }
+
+      .bottom_fo {
+        margin-top: 0.1rem;
+        font-size: 0.1846rem;
+        color: #999898;
+      }
+
+      .percentage.gree {
+        color: green !important;
+      }
+
+      .percentage.redd {
+        color: red !important;
+      }
+    }
   }
-}
 
-// /deep/ .van-popup {
-//   overflow-y: auto;
-// }</style>
+  .item_conts::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    background: #ececec;
+    width: 100%;
+    height: 1px;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+  }
+
+  .my-swipe .van-swipe-item {
+    font-size: 0.5128rem;
+    // line-height: 3.8462rem;
+    text-align: center;
+    overflow: hidden;
+  }
+
+  .fo_my-swipe .van-swipe-item {
+    font-size: 0.5128rem;
+    // line-height: 3.8462rem;
+    overflow: hidden;
+  }
+
+  .fo_my-swipe {
+    width: 100%;
+    height: 100%;
+  }
+
+  .focus_skeleton {
+    margin-top: 1rem;
+  }
+
+  .van-skeleton__row,
+  .van-skeleton__title {
+    height: 0.7rem;
+  }
+
+  .news-tab {
+    width: 95%;
+    position: relative;
+    left: 0;
+    right: 0;
+    margin: auto;
+    margin-top: 0.2rem;
+    border-radius: 0.4rem 0.4rem 0 0;
+    padding-top: 0.3rem;
+
+    /deep/ .is-selected .tab-name {
+      position: relative;
+    }
+
+    /deep/ .mint-navbar .mint-tab-item.is-selected {
+      border: 0 !important;
+      border-bottom: none;
+    }
+
+    /deep/ .is-selected .tab-name:after {
+      position: absolute;
+      display: block;
+      content: "";
+      height: 0.07rem;
+      background-color: #1381a4;
+      width: 100%;
+      left: 0;
+      bottom: -0.25rem;
+    }
+  }
+
+  .news-content {
+    position: relative;
+    padding: 0.3rem;
+    padding-top: 0px;
+  }
+
+  .item-out {
+    position: relative;
+    border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
+    padding: 0 0.25rem 1rem 0.25rem;
+  }
+
+  .item-out::before {
+    content: "●";
+    position: absolute;
+    top: -0.1rem;
+    left: -0.128rem;
+    margin: auto;
+  }
+
+  .item-times {
+    color: #999;
+    margin-bottom: 0.15rem;
+  }
+
+  .titContent {
+    position: relative;
+    width: 100%;
+    font-size: 0.35rem;
+    line-height: 0.46rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+  }
+
+  .neitu {
+    // width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.05rem;
+    // margin-top: 0.3rem;
+    // margin-bottom: 0.8rem;
+  }
+
+  .neitu img {
+    width: 140px;
+    // height: 100%;
+    border-radius: 10px;
+  }
+
+  .block-out {
+    margin-top: 0.2rem;
+  }
+
+  .blocks {
+    width: auto;
+    font-size: 0.32rem;
+    padding: 0.08rem 0.15rem 0.08rem 0.15rem;
+    display: inline-block;
+    border: 0.0513rem solid #41ac75;
+    color: #41ac75;
+  }
+
+  .animate {
+    padding-left: 20px;
+
+    font-size: 0.29rem;
+
+    color: #000;
+
+    display: inline-block;
+
+    white-space: nowrap;
+
+    animation: 10s wordsLoop linear infinite normal;
+  }
+
+  @keyframes wordsLoop {
+    0% {
+      transform: translateX(100%);
+
+      -webkit-transform: translateX(100%);
+    }
+
+    100% {
+      transform: translateX(-100%);
+
+      -webkit-transform: translateX(-100%);
+    }
+  }
+
+  @-webkit-keyframes wordsLoop {
+    0% {
+      transform: translateX(100%);
+
+      -webkit-transform: translateX(100%);
+    }
+
+    100% {
+      transform: translateX(-100%);
+
+      -webkit-transform: translateX(-100%);
+    }
+  }
+
+  .box-1 {
+    background: #F8FAF9;
+    border-radius: 0.21333rem;
+    // margin-top: 0.21333rem;
+
+    .menu {
+      padding: 20px;
+      margin: ;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      li {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        width: 30%;
+        flex-shrink: 0;
+        border-radius: 10px;
+        padding: 20px;
+        background-color: #fff;
+        justify-content: center;
+        margin-bottom: 0.4rem;
+
+        .links {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+
+          .name {
+            font-family: PingFang SC;
+            font-style: normal;
+            font-weight: 400;
+            font-size: 0.32rem;
+            line-height: 0.45333rem;
+            color: #14181f;
+            text-align: center;
+            margin-top: 10px;
+          }
+        }
+
+        .link {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+
+          .icon {
+            width: 0.8rem;
+            height: 0.8rem;
+          }
+
+          img {
+            width: 100%;
+            height: 100%;
+          }
+
+          .name {
+            font-family: PingFang SC;
+            font-style: normal;
+            font-weight: 400;
+            font-size: 0.32rem;
+            line-height: 0.45333rem;
+            color: #14181f;
+            text-align: center;
+            margin-top: 10px;
+          }
+        }
+      }
+    }
+  }
+
+  .fg {
+    width: 100%;
+    height: 10px;
+    background-color: rgb(247, 247, 250);
+  }
+
+  .new-stock {
+    padding: 0 0.4rem;
+
+    .title {
+      color: #2c2e3b;
+      text-align: justify;
+      font-family: PingFang SC;
+      font-size: 0.37333rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: normal;
+      padding-top: 0.26667rem;
+    }
+
+    .list {
+      display: flex;
+      padding-top: 0.26667rem;
+
+      .item {
+        background: linear-gradient(rgb(94, 248, 196) 0%, rgb(72, 205, 105) 100%);
+        flex: 1;
+        border-radius: 0.4rem;
+        width: 50%;
+        height: 4.2rem;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 0.4rem;
+        font-weight: 500;
+
+        >img {
+          width: 30%;
+        }
+
+        .i-title {
+          font-family: PingFang SC;
+          margin: 15px 10px;
+          font-style: normal;
+          text-align: center;
+          font-weight: 500;
+          line-height: 0.42667rem;
+        }
+      }
+    }
+  }
+
+  .list .item:nth-child(2) {
+    background: #4a5e77;
+  }
+
+  .title-box {
+    padding: 0.26667rem 0.4rem 0;
+    margin-bottom: 0.26667rem;
+
+    .title {
+      color: #000;
+      font-family: PingFang SC;
+      font-size: 0.42667rem;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 0.64rem;
+    }
+  }
+
+  // /deep/ .van-popup {
+  //   overflow-y: auto;
+  // }
+</style>

--
Gitblit v1.9.3