From 74bcf0374dad94d352b68f10e2e3d6e0ebc2c9dc Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sun, 07 Apr 2024 12:32:13 +0800
Subject: [PATCH] 1

---
 src/page/home/home.vue | 1443 ++++++++++++++++++++++++++++++++++----------------------
 1 files changed, 870 insertions(+), 573 deletions(-)

diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 7787d04..b24dd9e 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,40 +1,20 @@
 <template>
   <div class="wrapper">
     <div class="page_content">
-    <!--  <div class="top_logo">
-        <div class="left_logo">
-          <div class="img_logo">
-              Fidelity
-          </div>
-        </div>
-        <div class="right_search">
-          <div>
-            <div class="service_con" @click="goOnline()">
-              <img :src="Service" alt />
-            </div>
-            <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
-              @select="onSelect">
-              <template #reference>
-                <div class="iconfont icon-icon_A">
-
-                </div>
-              </template>
-            </van-popover>
-
-          </div>
-        </div>
-
-      </div> -->
       <div class="center_tabs">
         <!-- 顶部轮播图 -->
-       <div class="banner_top">
-         <!-- <van-skeleton title :row="3" :loading="loading" /> -->
-         <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: 200px;" :src="item.img" alt />
-           </van-swipe-item>
-         </van-swipe>
-       </div>
+        <div class="banner_top">
+          <!-- <van-skeleton title :row="3" :loading="loading" /> -->
+          <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>
+          </van-swipe>
+        </div>
         <!-- 公告 -->
         <!-- <van-skeleton title :row="1" :loading="loading" /> -->
         <div class="announcement">
@@ -42,131 +22,221 @@
             <div class="an_left_icon">
               <img :src="Announcement" alt />
             </div>
-            <div class="an_right_message ">
-              <!-- <div class="animate">
+            <div class="an_right_message">
+              <div class="animate">
                 {{ artList.artTitle }}
-              </div> -->
-
+              </div>
             </div>
           </div>
         </div>
 
-        <!-- 排行入门 -->
-        <!-- <van-skeleton title :row="2" :loading="loading" /> -->
-
-        
-        <!-- 最多关注 -->
-<!--        <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />-->
-<!--        <div class="focus_on" v-if="!loading">-->
-<!--          <div class="fo_content">-->
-<!--            <div class="top_title">-->
-<!--              {{ $t('hj5') }}-->
-<!--            </div>-->
-<!--            <div class="fo_banner">-->
-<!--              <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">-->
-<!--                &lt;!&ndash; <van-swipe-item v-for="(item, index)  in proData" :key="index">-->
-<!--                  <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">-->
-<!--                    <div class="top_fo" style="width: 80%;">-->
-<!--                      <div class="title" style="width: 30%;">-->
-<!--                        <span>{{ item2.f14 }}</span>-->
-<!--                      </div>-->
-<!--                      <div class="percentage"  :class="item2.f3 > 0 ? 'gree' : 'redd'">-->
-
-<!--                        <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>-->
-<!--                      </div>-->
-<!--                      <div class="percentage"></div>-->
-<!--                      <div class="percentage" style="width: 38%;position: absolute;right: 0;top: 5%;height: 80%;" :class="item2.f3 > 0 ? 'gree' : 'redd'">-->
-<!--                         <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                    <div class="bottom_fo" style="width: 80%;">-->
-<!--                      <div class="title"style="width: 30%;">-->
-<!--                        <span style="margin-right: 0.12rem;">{{ item2.f12 }}</span>-->
-<!--                        <img v-for="item in getHuo()" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
-<!--                      </div>-->
-<!--                      <div  class="percentage" >-->
-
-<!--                        <span>{{ item2.f2 }}</span>-->
-<!--                      </div>-->
-<!--                      <div class="percentage">-->
-<!--                        <span></span>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                  </div>-->
-<!--                </van-swipe-item> &ndash;&gt;-->
-<!--                <van-swipe-item v-for="(item, index)  in proData" :key="index">-->
-<!--                  <div class="item_cont" :class="idx != 2 ? 'item_conts' : ''"-->
-<!--                    v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)">-->
-<!--                    <div class="top_fo">-->
-<!--                      <div class="title">-->
-<!--                        {{ item2.name }}-->
-<!--                      </div>-->
-<!--                      <div class="numbers">-->
-<!--                        {{ item2.price }}-->
-<!--                      </div>-->
-<!--                      <div class="percentage" :class="item2.range > 0 ? 'gree' : 'redd'">-->
-<!--                        <span style="font-weight: 500;">{{ item2.range > 0 ? `${item2.range}` :-->
-<!--                            `${item2.range}`-->
-<!--                        }}</span>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                    <div class="bottom_fo">-->
-<!--                      <div class="title">-->
-<!--                        <span class="numberid" style="margin-right: 0.12rem;">{{ item2.symbol }}</span>-->
-<!--                        &lt;!&ndash; <div v-for="(items, indexs) in Number(item2.pnum.slice(0, 1))"-->
-<!--                          style="width: 0.4rem;height: 0.4rem;display: flex;">-->
-<!--                          <img v-if="indexs < 3" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
-<!--                        </div> &ndash;&gt;-->
-
-<!--                      </div>-->
-<!--                      <div class="numbers" :class="item2.floatPoint > 0 ? 'gree' : 'redd'">-->
-<!--                        <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
-<!--                        <span class="point" style="height: 0.4rem;">{{ item2.pnum-->
-<!--                        }}</span>-->
-<!--                      </div>-->
-<!--                      <div class="percentage">-->
-<!--                        &lt;!&ndash; <span class="aikesi">100X</span> &ndash;&gt;-->
-<!--                        <el-tag key="100X"-->
-<!--                          style="width: 80%;text-align: center;height: 0.45rem!important;line-height: 0.45rem!important;">-->
-<!--                          {{ getNum1(Number(item2.pnum.slice(0, 1))) + 'X' }}-->
-<!--                        </el-tag>-->
-<!--                      </div>-->
-<!--                    </div>-->
-<!--                  </div>-->
-<!--                </van-swipe-item>-->
-<!--              </van-swipe>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </div>-->
-	  <!-- <van-skeleton title :row="18" :loading="loading" /> -->
-	<div class="txt_box">
-			  <div class="txt_box_top">{{$t('hometips')}}</div>
-			  <div class='txt_box_box'>
-				  <div class="txt_box_box_left" v-if="userInfo.length==0">$0.00</div>
-				  <div class="txt_box_box_left" v-else>${{userInfo.totalAssets}}</div>
-				  <div class="txt_box_box_right" @click='gocz'>{{$t('btn1')}}</div>
-			  </div>
-	</div>
-
+        <div class="fg"></div>
+        <div class="box-1">
+          <ul class="menu" style="border-bottom: 0px">
+            <!----><!---->
+            <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=""
+                  />
+                </div>
+                <div class="name">{{ $t("hj256") }}</div>
+              </div>
+            </li>
+            <!-- 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=""
+                  />
+                </div>
+                <div class="name">{{ $t("提款") }}</div>
+              </div>
+            </li>
+            <li>
+              <div class="link">
+                <div class="icon">
+                  <img
+                    src="data:image/png;base64,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"
+                    alt=""
+                  />
+                </div>
+                <div class="name">{{ $t("kf") }}</div>
+              </div>
+            </li>
+            <!-- setting -->
+            <li @click="$router.push('/setting')">
+              <div class="link">
+                <div class="icon">
+                  <img
+                    src="data:image/png;base64,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"
+                    alt=""
+                  />
+                </div>
+                <div class="name">{{ $t("安全") }}</div>
+              </div>
+            </li>
+            <li @click="$router.push('/setting')">
+              <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=""
+                  />
+                </div>
+                <div class="name">{{ $t("用戶手冊") }}</div>
+              </div>
+            </li>
+            <li @click="$router.push('/setting')">
+              <div class="link">
+                <div class="icon">
+                  <img
+                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUQSURBVHgB7ZlPaBxVHMe/k9SYUk13EdI2WJnoUSgR/4AhkigqggerQgNeujnEqJckNIf24m68iKBke/FPKyQePHgoQfEgVEyLsUIRUgShHmRXg1kJ2Nmk0iTW7PP3m90xuzszb97szGz+OB94NH0z89583+/3e/N7vwViYmJiYmJi/k/o1OaoTVf+3rMkqGWoibo2hT0ofIyaAbtYq+WoncQeYABl9xWKjYX3YBeiU5uFXFhOcn3XxLcVp27uy/3pyn2o/C2zeAY7mONozGp65dquie8ByOOUr/UrjMOxK1uwBWyzm7NbZuH+guy+o/BPCjswvjOQf2bS2IrTRtAhj29ekDE0gQHIV38O4a6+jm2Ob9nE/YiOFOQLHRlhxamNnCESBUOkCitieqkoFgpFYVATlWZw31tvT4mj9+mBBGvwR/3gSWpFBIBE6qIFo5owregZ94u/5fHYse76bmUdLQiGXexrho7hZc/0kC26ZIgsvWqOxPIGVCP2yi+3sbpmNx5Z2HEsKBJUsB1RSkNrXcDIn9OmeAfYqu0aFjTNHg6LNzYxNHMTL390E+9evAUVeCweU+XeoC5d+zwLLJVyNX0lTOLjezLWf5cN0bOpmXm2Xn0bW/Pct2s4P7+B1fWtab4e68CDXftqhjySqJ2WYpz/yW8KvHhvUrsGCeEKHrkxByEG7I9peWqZwjuJy/SE7dP11U9/480vbmHRKNme7H3gDlwYubumz0Uwk6c3fPJIkudzJlyXLv0zbk5qg92tNPP02ZUcuaxu9XKcvvThKoY++ctV7Kln9sMHOi+oLKbDtbDF8HKK4jgNlyRk8OE2dFDgnf9uw/Fxvjbx7H4M97U7XpdYuPxSGrKHD2rjTs9GI5hJFXS0tfGm5CsFnCCLDj/Rbop2w0swym/a7eTa0Qm2IOFPHTsw983127rsNnbf7IkDOJr0jjIVwYKs3OVg5cgFGxRP6xqMz37YwHsX12yxygKzg3eh9/59UEVJMOUIG2Tl7qRWkyuE/x2uY71cGMDgI3fi6hn7XsJ9fsSqQkuSaG/FC/X9kQumGaI8VMgR5umuhsgFU9q4bVVIp7kjFyy2sSxTcpg7epcOVvkIhOYwdzME7yiaITjQeTkIwmHuoIJ1rxs0x9y6cVZX1NevxWHuoIL55CNNHSnjkR7X/HDugywetVc7fM0dhoX550736mEJlxGQK/OXzLJO+sy4LwuTe12yd/kjhXK9WHe5PkNtElWuVEkteUHMHZOPhNVwDu0G169G30jh+3nnNeNyT/b9afT2DThepzpCsj61bBR2Y1nZNIOqRfljRUxVVSA928+/GuLU6bTb2KLjYEJMnM7Ix6HqJ0JGh2KRnOtNqmInqRTLgtzGffX1MXNBPMdSrHE1KnzBQ3iPl5UvfDknHu/rdxVKbmveo7JoSzQXmkAKEjfv7Dw0e/XHnO3luO/EKyddhXLhffrTWeVwoJbzU7YNgzTcrW3GZnWcurmvFadK7lsl1suV/e7SqugoC085XbSK6bwLO/Hc88dBP6s4Ft0l5FupTNsZcpnWL3w8s9Wg3eDPC1nd9TMjIe9VnrWIOpfm1ebUaAiSFJPclyyaBW1KvsVy7Yq+tw+piGWitnA1Osq/NNanoplr13/XDx3uSkGdIgmd0Uo4qyrUopmCLXRsZWv/WZ531nauf1FJiCsVlcKBtdsW+RBi5saULq5v4vOwMqiYmJiYmJiY5vEvlMTFZ7VdSzYAAAAASUVORK5CYII="
+                    alt=""
+                  />
+                </div>
+                <div class="name">{{ $t("平臺") }}</div>
+              </div>
+            </li>
+            <li @click="$router.push('/transferIndex')">
+              <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=""
+                  />
+                </div>
+                <div class="name">{{ $t("hj245") }}</div>
+              </div>
+            </li>
+            <li @click="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"
+                  />
+                </div>
+                <div class="name" style="margin-top: 2px">
+                  {{ $t("yy") }}
+                </div>
+              </div>
+            </li>
+          </ul>
+          <van-popup
+            v-model="settingDialog"
+            position="bottom"
+            :style="{ height: '35%' }"
+            @close="popClose"
+          >
+            <div
+              class="lang_box"
+              v-for="(item, index) in actions"
+              :key="index"
+              @click="qkclick(item)"
+            >
+              <div
+                :class="
+                  $i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'
+                "
+              >
+                {{ item.text }}
+              </div>
+            </div>
+          </van-popup>
+        </div>
+        <div class="fg"></div>
+        <div class="new-stock">
+          <div class="title">{{ $t("hj45") }}</div>
+          <div class="list">
+            <div class="item" @click="$router.push('/favorites')">
+              <div class="icon">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  fill="none"
+                >
+                  <path
+                    d="M11.3333 1.99935H14C14.3682 1.99935 14.6666 2.29783 14.6666 2.66602V13.3327C14.6666 13.7009 14.3682 13.9993 14 13.9993H1.99998C1.63179 13.9993 1.33331 13.7009 1.33331 13.3327V2.66602C1.33331 2.29783 1.63179 1.99935 1.99998 1.99935H4.66665V0.666016H5.99998V1.99935H9.99998V0.666016H11.3333V1.99935ZM2.66665 5.99935V12.666H13.3333V5.99935H2.66665ZM3.99998 7.33268H5.33331V8.66602H3.99998V7.33268ZM7.33331 7.33268H8.66665V8.66602H7.33331V7.33268ZM10.6666 7.33268H12V8.66602H10.6666V7.33268Z"
+                    fill="#061540"
+                  ></path>
+                </svg>
+              </div>
+              <div class="i-title">{{ $t("打新日曆") }}</div>
+            </div>
+            <!-- favoritesList -->
+            <div
+              class="item"
+              style="margin-left: 10px"
+              @click="$router.push('/favoritesList')"
+            >
+              <div class="icon">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="16"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  fill="none"
+                >
+                  <path
+                    d="M12 1.33398C12.3682 1.33398 12.6667 1.63246 12.6667 2.00065L12.6673 7.68638C11.9595 7.05265 11.0247 6.66732 10 6.66732C7.79088 6.66732 6.00001 8.45818 6.00001 10.6673C6.00001 12.8263 7.84001 14.6673 10 14.6673H4.00001C3.63182 14.6673 3.33334 14.3689 3.33334 14.0007V2.00065C3.33334 1.63246 3.63182 1.33398 4.00001 1.33398H12ZM10 8.00065C11.4727 8.00065 12.6667 9.19458 12.6667 10.6673C12.6667 11.1619 12.5321 11.625 12.2975 12.022L13.7713 13.4957L12.8284 14.4386L11.3547 12.9648C10.9577 13.1994 10.4945 13.334 10 13.334C8.52728 13.334 7.33334 12.14 7.33334 10.6673C7.33334 9.19458 8.52728 8.00065 10 8.00065ZM10 9.33398C9.26361 9.33398 8.66668 9.93092 8.66668 10.6673C8.66668 11.4037 9.26361 12.0007 10 12.0007C10.7364 12.0007 11.3333 11.4037 11.3333 10.6673C11.3333 9.93092 10.7364 9.33398 10 9.33398Z"
+                    fill="#B73D48"
+                  ></path>
+                </svg>
+              </div>
+              <div class="i-title">{{ $t("申購記錄") }}</div>
+            </div>
+          </div>
+        </div>
+        <!-- <div class="txt_box">
+          <div class="txt_box_top">{{ $t("hometips") }}</div>
+          <div class="txt_box_box">
+            <div class="txt_box_box_left" v-if="userInfo.length == 0">
+              $0.00
+            </div>
+            <div class="txt_box_box_left" v-else>
+              ${{ userInfo.totalAssets }}
+            </div>
+            <div class="txt_box_box_right" @click="gocz">{{ $t("btn1") }}</div>
+          </div>
+        </div> -->
       </div>
-	  <div class="navs" >
-	            <div class="navs_content">
-	              <div v-for="(item, index) in navsArr" :key="index" @click="goJy(index)">
-	                <div style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
-	                  <div class="top_img">
-	                    <div>
-	                      <img :src="item.img" alt />
-	                    </div>
-	                  </div>
-	                  <div class="bottom_navs">
-	                    <span>{{ item.title }}</span>
-	                  </div>
-	                </div>
-	              </div>
-	            </div>
-	          </div>
-	  <!-- <van-skeleton title :row="18" :loading="loading" /> -->
-<!-- 	<div class='btns_box'>
+      <!-- <div class="navs">
+        <div class="navs_content">
+          <div
+            v-for="(item, index) in navsArr"
+            :key="index"
+            @click="goJy(index)"
+          >
+            <div
+              style="
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+              "
+            >
+              <div class="top_img">
+                <div>
+                  <img :src="item.img" alt />
+                </div>
+              </div>
+              <div class="bottom_navs">
+                <span>{{ item.title }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+      <!-- <van-skeleton title :row="18" :loading="loading" /> -->
+      <!-- 	<div class='btns_box'>
 		<div class="btns_box_left">
 			<img src="../../assets/img/out.png" style="width: 20px;height: 20px;"/>
 			<div class="btns_box_left_txt"></div>
@@ -174,28 +244,51 @@
 		<div class="btns_box_right"></div>
 	</div> -->
       <!-- <van-skeleton title :row="18" :loading="loading" /> -->
+
+      <div class="title-box">
+        <div class="title">{{ $t("資訊") }}</div>
+      </div>
       <div class="news-tab">
         <mt-navbar v-model="news">
           <mt-tab-item id="tab_0">
-            <span class="tab-name">{{ $t('hj6') }}</span>
+            <span class="tab-name">{{ $t("hj6") }}</span>
           </mt-tab-item>
           <mt-tab-item id="tab_1">
-            <span class="tab-name">{{ $t('hj7') }}</span>
+            <span class="tab-name">{{ $t("hj7") }}</span>
           </mt-tab-item>
           <mt-tab-item id="tab_2">
             <span class="tab-name">7×24</span>
           </mt-tab-item>
         </mt-navbar>
-        <mt-tab-container v-model="news" :swipeable="true" style="padding-top: 0.5rem;">
+        <mt-tab-container
+          v-model="news"
+          :swipeable="true"
+          style="padding-top: 0.5rem"
+        >
           <mt-tab-container-item id="tab_0">
             <div class="news-content">
-              <div class="" v-for="(item, inde) in newsContent1" :key="inde" @click="$router.push({
-                path: '/newPage', query: {
-                  listid: item.id
-                }
-              })">
+              <div
+                class=""
+                v-for="(item, inde) in newsContent1"
+                :key="inde"
+                @click="
+                  $router.push({
+                    path: '/newPage',
+                    query: {
+                      listid: item.id,
+                    },
+                  })
+                "
+              >
                 <div class="item-times">{{ item.addTime | gettime }}</div>
-                <div class="titContent" style="-webkit-box-orient: vertical;font-size: 0.38rem;margin-top: 0.2rem;">
+                <div
+                  class="titContent"
+                  style="
+                    -webkit-box-orient: vertical;
+                    font-size: 0.38rem;
+                    margin-top: 0.2rem;
+                  "
+                >
                   {{ item.title }}
                 </div>
                 <!-- <div class="block-out">
@@ -207,74 +300,117 @@
           </mt-tab-container-item>
           <mt-tab-container-item id="tab_1">
             <div class="news-content">
-              <div class="item-out" v-for="(item, inde) in newsContent4" :key="inde" @click="$router.push({
-                path: '/newPage', query: {
-                  listid: item.id
-                }
-              })">
+              <div
+                class="item-out"
+                v-for="(item, inde) in newsContent4"
+                :key="inde"
+                @click="
+                  $router.push({
+                    path: '/newPage',
+                    query: {
+                      listid: item.id,
+                    },
+                  })
+                "
+              >
                 <div class="item-times">{{ item.addTime | gettime }}</div>
-                <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
+                <div class="titContent" style="-webkit-box-orient: vertical">
+                  {{ item.title }}
+                </div>
               </div>
             </div>
           </mt-tab-container-item>
           <mt-tab-container-item id="tab_2">
             <div class="news-content">
-              <div class="item-out" v-for="(item, inde) in newsContent2" :key="inde" @click="$router.push({
-                path: '/newPage', query: {
-                  listid: item.id
-                }
-              })">
+              <div
+                class="item-out"
+                v-for="(item, inde) in newsContent2"
+                :key="inde"
+                @click="
+                  $router.push({
+                    path: '/newPage',
+                    query: {
+                      listid: item.id,
+                    },
+                  })
+                "
+              >
                 <div class="item-times">{{ item.addTime | gettime }}</div>
-                <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
+                <div class="titContent" style="-webkit-box-orient: vertical">
+                  {{ item.title }}
+                </div>
               </div>
             </div>
           </mt-tab-container-item>
         </mt-tab-container>
       </div>
-	  <div style="width: 100%;height: 100px;"></div>
+      <div style="width: 100%; height: 100px"></div>
     </div>
     <!-- tab -->
     <GoToLogin v-show="isGoTo" />
   </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 Logo from '@/assets/img/img_log_home.png'
-import Searchs from '@/assets/ico/leng.png'
-import Service from '@/assets/home/icon_talk.png'
-import clear from '@/assets/home/close.png'
-import Announcement from '@/assets/img/black_laba.png'
-import Tops from '@/assets/home/1.png'
-import Rumen from '@/assets/home/2.png'
-import Xuexi from '@/assets/home/3.png'
-import Guanyu from '@/assets/home/4.png'
-import dazong from '@/assets/home/5.png'
-import vip from '../../assets/img/app.png'
-import vipa from '../../assets/img/huazhuan2.png'
-import Huo from '@/assets/home/huo.png'
-import banner1 from '@/assets/img/b1.jpg'
-import banner2 from '@/assets/img/b2.jpg'
-import banner3 from '@/assets/img/b3.jpg'
-import caidana from '@/assets/img/caidana.png'
-import bangzhu from '@/assets/img/bangzhu.png'
-import kefua from '@/assets/img/kefua.png'
-import xiazai from '@/assets/img/xiazai.png'
+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 Logo from "@/assets/img/img_log_home.png";
+import Searchs from "@/assets/ico/leng.png";
+import Service from "@/assets/home/icon_talk.png";
+import clear from "@/assets/home/close.png";
+import Announcement from "@/assets/img/black_laba.png";
+import Tops from "@/assets/home/1.png";
+import Rumen from "@/assets/home/2.png";
+import Xuexi from "@/assets/home/3.png";
+import Guanyu from "@/assets/home/4.png";
+import dazong from "@/assets/home/5.png";
+import vip from "../../assets/img/app.png";
+import vipa from "../../assets/img/huazhuan2.png";
+import Huo from "@/assets/home/huo.png";
+// import language from "@/assets/img/language.png";
+import banner2 from "@/assets/img/b2.jpg";
+import banner3 from "@/assets/img/b3.jpg";
+import caidana from "@/assets/img/caidana.png";
+import bangzhu from "@/assets/img/bangzhu.png";
+import kefua from "@/assets/img/kefua.png";
+import xiazai from "@/assets/img/xiazai.png";
 // import indexData from "./data.json";
-import GoToLogin from '@/page/home/components/GoLogin.vue'
-import { MessageBox } from 'mint-ui'
+import GoToLogin from "@/page/home/components/GoLogin.vue";
+import { MessageBox } from "mint-ui";
 export default {
   components: {
     HomeList,
     AllList,
     GoToLogin,
-    Echart
+    Echart,
   },
   props: {},
-  data () {
+  data() {
     return {
+      settingDialog: false,
+      actions: [
+        {
+          text: "English",
+          icon: require("@/assets/ico/english.png"),
+          lang: "zh-CN",
+        },
+        { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" },
+        { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
+        { text: "한국인", icon: require("@/assets/ico/india.png"), lang: "hy" },
+        {
+          text: "ภาษาไทย",
+          icon: require("@/assets/ico/india.png"),
+          lang: "ty",
+        },
+        {
+          text: "日本語にほんご",
+          icon: require("@/assets/ico/india.png"),
+          lang: "ry",
+        },
+
+      ],
+      // language,
       Logo,
       Searchs,
       Service,
@@ -287,89 +423,95 @@
       close: true,
       proData: [], // 分割好的数据
       currentIndex: 0,
-      bannerImgsArr: [{
-        img: banner1
-      }, {
-        img: banner2
-      }, {
-        img: banner3
-      }],
-      announcementMess: '20202/10 - 交易时间安排',
+      bannerImgsArr: [
+        {
+          img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
+        },
+        {
+          img: "https://api.trowegroup.com/bs/image/20240305/b923c7645712aeaeb93d660ce846f448.png",
+        },
+        {
+          img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
+        },
+      ],
+      announcementMess: "20202/10 - 交易时间安排",
 
       artList: [],
-      news: 'tab_0',
+      news: "tab_0",
       newsContent1: [],
       newsContent2: [],
       newsContent3: [],
       newsContent4: [],
-      onlineService: '',
+      onlineService: "",
       isGoTo: false,
       bannerList: [],
       userInfo: [],
       showPopover: false,
-      actions: [
-        { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
-        { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
-        { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
-      ]
-    }
+    };
   },
   computed: {
-    navsArr () {
+    navsArr() {
       return [
-		  // {
-    //     img: Tops,
-    //     title: this.$t('yeb')
-    //   },
-		{
-		  img: xiazai,
-		  title: this.$t('hj1461')
-		},
-		{
-		  img: kefua,
-		  title: this.$t('kf')
-		},
-		{
-		  img: bangzhu,
-		  title: this.$t('bz')
-		},
-		{
-		  img: caidana,
-		  title: this.$t('caidan')
-		},
-      // {
-      //   img: Rumen,
-      //   title: this.$t('hj2')
-      // },
-      // {
-      //   img: Xuexi,
-      //   title: this.$t('hj3')
-      // },
-      // {
-      //   img: Guanyu,
-      //   title: this.$t('hj4')
-      // },
-      // {
-      //   img: dazong,
-      //   title: this.$t('hj261')
-      // },
-      // {
-      //   img: vipa,
-      //   title: this.$t('hj172')
-      // }
-      ]
-    }
+        // {
+        //     img: Tops,
+        //     title: this.$t('yeb')
+        //   },
+        {
+          img: xiazai,
+          title: this.$t("hj1461"),
+        },
+        {
+          img: kefua,
+          title: this.$t("kf"),
+        },
+        {
+          img: bangzhu,
+          title: this.$t("bz"),
+        },
+        {
+          img: caidana,
+          title: this.$t("caidan"),
+        },
+        // {
+        //   img: Rumen,
+        //   title: this.$t('hj2')
+        // },
+        // {
+        //   img: Xuexi,
+        //   title: this.$t('hj3')
+        // },
+        // {
+        //   img: Guanyu,
+        //   title: this.$t('hj4')
+        // },
+        // {
+        //   img: dazong,
+        //   title: this.$t('hj261')
+        // },
+        // {
+        //   img: vipa,
+        //   title: this.$t('hj172')
+        // }
+      ];
+    },
   },
   methods: {
-    getdialog () {
-      MessageBox.confirm(this.$t('hj252'), this.$t('hj165'), {
-        confirmButtonText: this.$t('hj161'),
-        cancelButtonText: this.$t('hj106')
-      }).then(async () => {
-
-      }).catch(() => {
-
+    qkclick(e) {
+      this.settingDialog = false;
+      window.localStorage.setItem("language", e.lang);
+      this.$i18n.locale = e.lang;
+      this.language = e.text;
+    },
+    popClose() {
+      this.settingDialog = false;
+    },
+    getdialog() {
+      MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
+        confirmButtonText: this.$t("hj161"),
+        cancelButtonText: this.$t("hj106"),
       })
+        .then(async () => {})
+        .catch(() => {});
       // MessageBox.confirm('老号被盗请勿转账,请认准新tg:@BEINL2', this.$t('hj165'), {
       //   confirmButtonText: this.$t('hj161'),
       //   cancelButtonText: this.$t('hj106'),
@@ -379,376 +521,379 @@
 
       // });
     },
-    onSelect (e) {
-      this.$i18n.locale = e.lang
-      window.localStorage.setItem('language', e.lang)
+    onSelect(e) {
+      this.$i18n.locale = e.lang;
+      window.localStorage.setItem("language", e.lang);
     },
-    async getUserInfo () {
+    async getUserInfo() {
       // 获取用户信息
-      let data = await api.getUserInfo()
+      let data = await api.getUserInfo();
       if (data.status === 0) {
         // 判断是否登录
-        this.$store.state.userInfo = data.data
-        this.userInfo = data.data
+        this.$store.state.userInfo = data.data;
+        this.userInfo = data.data;
       } else {
       }
     },
-    getHuo () {
+    getHuo() {
       // 123随机
-      var num = Math.floor(Math.random() * 3 + 1)
-      return num
+      var num = Math.floor(Math.random() * 3 + 1);
+      return num;
     },
     // 构造随机数列表  50 100 200
-    getNum1 (num) {
+    getNum1(num) {
       if (num === 1) {
-        return 50
+        return 50;
       } else if (num === 2) {
-        return 100
+        return 100;
       } else if (num >= 3) {
-        return 200
+        return 200;
       }
     },
-    goDetail (item) {
+    goDetail(item) {
       if (this.userInfo.length === 0) {
-        this.$store.commit('dialogVisible', true)
-        return
+        this.$store.commit("dialogVisible", true);
+        return;
       }
       this.$router.push({
-        path: '/kline',
+        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'
-        }
-      })
+          if_zhishu: "0",
+        },
+      });
     },
-    filterSH (val) {
-      if (val === 'sh') {
-        return 1
-      } else if (val === 'bj' || val === 'sz') {
-        return 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) {
+    gocz() {
       if (this.userInfo.length === 0) {
-        this.$store.commit('dialogVisible', true)
-        return
+        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("/download");
           // this.$router.push('/warehouse')
-          break
+          break;
         case 1:
           // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
-		  this.$router.push('/new_service')
-		  // window.location.href = this.onlineService
-          break
+          this.$router.push("/new_service");
+          // window.location.href = this.onlineService
+          break;
         case 2:
-          this.$router.push('/help')
-          break
+          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
+          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
+
+          break;
+        case 5:
+          // this.$router.push('/SubDK')
+          this.$router.push("/wallet");
+          break;
         default:
-          break
+          break;
       }
       if (navigator.vibrate) {
         // 支持
-        navigator.vibrate([55])
+        navigator.vibrate([55]);
       }
     },
-    async getBanner () {
+    async getBanner() {
       // 获取显示的banner
-      let result = await api.getBannerByPlat({ platType: 'm' })
+      let result = await api.getBannerByPlat({ platType: "m" });
       if (result.status === 0) {
         // this.bannerList = result.data
-		var ajson = {'bannerUrl':this.banner1}
-		this.bannerList.push(ajson)
-		console.log(this.banner1);
-		// console.log(this.bannerList);
+        var ajson = { bannerUrl: this.banner1 };
+        this.bannerList.push(ajson);
+        console.log(this.banner1);
+        // console.log(this.bannerList);
       } else {
-        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': result.msg })
+        this.$store.commit("elAlertShow", {
+          elAlertShow: true,
+          elAlertText: result.msg,
+        });
       }
     },
-    goOnline () {
-      this.$router.push('/service')
+    goOnline() {
+      this.$router.push("/service");
     },
-    async getArtList () {
-      let data = await api.getArtList()
+    async getArtList() {
+      let data = await api.getArtList();
       if (data.status === 0) {
-        this.artList = data.data.list[0]
+        this.artList = data.data.list[0];
       }
     },
-    async getInfoSite () {
-      let data = await api.getInfoSite()
+    async getInfoSite() {
+      let data = await api.getInfoSite();
       if (data.status === 0) {
-        this.onlineService = data.data.onlineService
+        this.onlineService = data.data.onlineService;
       } else {
-        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+        this.$store.commit("elAlertShow", {
+          elAlertShow: true,
+          elAlertText: data.msg,
+        });
       }
     },
-    async getStock () {
-      let data = await api.getIndexMarket()
+    async getStock() {
+      let data = await api.getIndexMarket();
       for (var i = 0; i < data.data.result.data.length; i += 3) {
-        this.proData.push(data.data.result.data.slice(i, i + 3))
+        this.proData.push(data.data.result.data.slice(i, i + 3));
       }
     },
-    async getNewsList (type) {
-      let data = await api.queryNewsList(type)
+    async getNewsList(type) {
+      let data = await api.queryNewsList(type);
 
       switch (type) {
         case 1:
-          this.newsContent1 = data.data.list
-          break
+          this.newsContent1 = data.data.list;
+          break;
         case 2:
-          this.newsContent2 = data.data.list
-          break
+          this.newsContent2 = data.data.list;
+          break;
         case 3:
-          this.newsContent3 = data.data.list
-          break
+          this.newsContent3 = data.data.list;
+          break;
         case 4:
-          this.newsContent4 = data.data.list
-          break
+          this.newsContent4 = data.data.list;
+          break;
         case 5:
-          this.newsContent5 = data.data.list
-          break
+          this.newsContent5 = data.data.list;
+          break;
       }
     },
-    handleBannerClick (ind) {
+    handleBannerClick(ind) {
       // console.log(ind);
     },
-    ProcessData () {
+    ProcessData() {
       // 把数据分割成三等份
       // for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
       //   this.proData.push(this.indexData.data.diff.slice(i, i + 3));
       // }
     },
-    onChange (index) {
-      this.currentIndex = index
-      this.proData[index].forEach(item => {
-
-      })
+    onChange(index) {
+      this.currentIndex = index;
+      this.proData[index].forEach((item) => {});
     },
-    handleSearchClick () {
+    handleSearchClick() {
       // this.loading = !this.loading;
-      this.$router.push({ path: '/trading-list', query: { type: 1 } })
-    }
+      this.$router.push({ path: "/trading-list", query: { type: 1 } });
+    },
   },
   filters: {
-    gettime (time) {
+    gettime(time) {
       if (!time) {
-        return ''
+        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()
+      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
+        mm = "0" + mm;
       }
       if (d < 10) {
-        d = '0' + d
+        d = "0" + d;
       }
       if (h < 10) {
-        h = '0' + h
+        h = "0" + h;
       }
       if (m < 10) {
-        m = '0' + m
+        m = "0" + m;
       }
       if (c < 10) {
-        c = '0' + c
+        c = "0" + c;
       }
       // 17:35:2922-06-2022
-      return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
-    }
+      return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
+    },
   },
-  created () {
+  created() {
     // this.getdialog()
-    this.ProcessData()
+    this.ProcessData();
   },
-  mounted () {
-    this.getUserInfo()
-    this.getInfoSite()
-    this.getNewsList(1)
-    this.getNewsList(2)
-    this.getNewsList(4)
-    this.getStock()
-    this.getArtList()
-    this.getBanner()
+  mounted() {
+    this.getUserInfo();
+    this.getInfoSite();
+    this.getNewsList(1);
+    this.getNewsList(2);
+    this.getNewsList(4);
+    this.getStock();
+    this.getArtList();
+    this.getBanner();
 
     setInterval(() => {
-      if (window.localStorage.getItem('USERTOKEN')) {
-        this.isGoTo = false
+      if (window.localStorage.getItem("USERTOKEN")) {
+        this.isGoTo = false;
       } else {
-        this.isGoTo = !this.isGoTo
+        this.isGoTo = !this.isGoTo;
       }
-    }, 10000)
+    }, 10000);
 
     setTimeout(() => {
-      this.loading = false
-    }, 2000)
-  }
-}
+      this.loading = false;
+    }, 2000);
+  },
+};
 </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;
-	        }
-	      }
-	    }
-	  }
-	}
-	.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,.3);
-	}
+.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;
+        }
+      }
+    }
+  }
+}
+.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: .3128rem;
+  background-color: #fff;
+  padding-top: 0.3128rem;
 
   .page_content {
     width: 100%;
@@ -761,7 +906,7 @@
   height: 0.7949rem;
   display: flex;
   padding-right: 0.3rem;
-  >div {
+  > div {
     width: 50%;
     height: 100%;
     display: flex;
@@ -775,7 +920,7 @@
     color: #333333;
     margin-left: 0.3846rem;
 
-    >img {
+    > img {
       width: 100%;
       height: 100%;
     }
@@ -784,17 +929,17 @@
   .right_search {
     justify-content: flex-end;
     width: 50%;
-    >div {
+    > div {
       width: 34%;
       height: 0.4615rem;
       display: flex;
       justify-content: space-between;
 
-      >div {
+      > div {
         width: 0.5615rem;
         height: 0.5615rem;
 
-        >img {
+        > img {
           width: 100%;
           height: 100%;
         }
@@ -808,7 +953,7 @@
   height: auto;
   margin-top: 0.2308rem;
 
-  >.banner_top {
+  > .banner_top {
     width: 100%;
 
     img {
@@ -827,7 +972,7 @@
     }
   }
 
-  >.announcement {
+  > .announcement {
     width: 100%;
     height: auto;
     display: flex;
@@ -835,7 +980,7 @@
     align-items: center;
     padding: 0.2rem 0 0.2rem 0;
 
-    >.an_content {
+    > .an_content {
       width: 95%;
       height: 0.559rem;
       display: flex;
@@ -848,7 +993,7 @@
         display: flex;
         align-items: center;
 
-        >img {
+        > img {
           width: 100%;
           height: 100%;
         }
@@ -875,7 +1020,7 @@
     display: flex;
     justify-content: center;
 
-    >.navs_content {
+    > .navs_content {
       position: relative;
       overflow: hidden;
       width: 87%;
@@ -885,7 +1030,7 @@
       display: flex;
       justify-content: space-between;
 
-      >.chacha {
+      > .chacha {
         width: 1rem;
         height: 1rem;
         border-radius: 100%;
@@ -897,49 +1042,48 @@
         right: -0.4rem;
         top: -0.4rem;
 
-        >div {
+        > div {
           width: 0.3554rem;
           height: 0.3554rem;
           margin-top: 0.3rem;
           margin-left: 0.15rem;
 
-          >img {
+          > img {
             width: 100%;
             height: 100%;
           }
         }
-
       }
 
-      >div {
+      > div {
         width: 20%;
         height: 100%;
         display: flex;
         align-items: center;
 
-        >div {
+        > div {
           width: 100%;
           height: 60%;
 
-          >.top_img {
-			width: 0.903704rem;
-			height: 0.803704rem;
+          > .top_img {
+            width: 0.903704rem;
+            height: 0.803704rem;
             display: flex;
             align-items: center;
             justify-content: center;
 
-            >div {
+            > div {
               width: 0.9718rem;
               height: 0.9718rem;
 
-              >img {
+              > img {
                 width: 100%;
                 height: 100%;
               }
             }
           }
 
-          >.bottom_navs {
+          > .bottom_navs {
             width: 100%;
             height: 30%;
             display: flex;
@@ -995,7 +1139,7 @@
 
     .fo_banner {
       width: 100%;
-      height: calc(100% - .8821rem - 0.3rem);
+      height: calc(100% - 0.8821rem - 0.3rem);
     }
   }
 
@@ -1009,7 +1153,7 @@
     flex-wrap: wrap;
     align-content: center;
 
-    >div {
+    > div {
       width: 100%;
       height: 30%;
     }
@@ -1029,7 +1173,6 @@
         display: flex;
         align-items: center;
         font-weight: 500;
-
       }
 
       .aikesi {
@@ -1056,7 +1199,6 @@
         height: 100%;
         display: flex;
         align-items: center;
-
       }
 
       .point {
@@ -1114,7 +1256,6 @@
 }
 
 .my-swipe .van-swipe-item {
-
   font-size: 0.5128rem;
   // line-height: 3.8462rem;
   text-align: center;
@@ -1138,7 +1279,7 @@
 
 .van-skeleton__row,
 .van-skeleton__title {
-  height: .7rem;
+  height: 0.7rem;
 }
 
 .news-tab {
@@ -1163,12 +1304,12 @@
   /deep/.is-selected .tab-name:after {
     position: absolute;
     display: block;
-    content: '';
-    height: .07rem;
-    background-color: #1381A4;
+    content: "";
+    height: 0.07rem;
+    background-color: #1381a4;
     width: 100%;
     left: 0;
-    bottom: -.25rem;
+    bottom: -0.25rem;
   }
 }
 
@@ -1199,8 +1340,8 @@
 .titContent {
   position: relative;
   width: 100%;
-  font-size: .35rem;
-  line-height: .46rem;
+  font-size: 0.35rem;
+  line-height: 0.46rem;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
@@ -1228,12 +1369,11 @@
   font-size: 0.32rem;
   padding: 0.08rem 0.15rem 0.08rem 0.15rem;
   display: inline-block;
-  border: 0.0513rem solid #41AC75;
-  color: #41AC75;
+  border: 0.0513rem solid #41ac75;
+  color: #41ac75;
 }
 
 .animate {
-
   padding-left: 20px;
 
   font-size: 0.29rem;
@@ -1245,47 +1385,204 @@
   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 {
+      display: flex;
+      align-items: center;
+      border-radius: 0.10667rem;
+      background: linear-gradient(270deg, #e6ecfb 0%, #f6f7ff 100%);
+      height: 1.06667rem;
+      width: 49%;
+      .icon {
+        width: 0.69333rem;
+        height: 0.69333rem;
+        flex-shrink: 0;
+        border-radius: 1.06667rem;
+        background: linear-gradient(0deg, #fefffe 0%, #fefffe 100%),
+          url(<path-to-image>), lightgray 50% / cover no-repeat;
+        box-shadow: 0 0 #1227591a, 0 0.02667rem 0.05333rem #1227591a,
+          0 0.08rem 0.08rem #12275917, 0 0.21333rem 0.13333rem #1227590d,
+          0 0.37333rem 0.16rem #12275903, 0 0.58667rem 0.16rem #12275900;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-left: 0.53333rem;
+      }
+      .i-title {
+        color: #061540;
+        font-family: PingFang SC;
+        font-size: 0.4rem;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 0.42667rem;
+        margin-left: 0.48rem;
+      }
+    }
+  }
+}
+.list .item:nth-child(2) {
+  border-radius: 0.10667rem;
+  background: linear-gradient(270deg, #fbe9e9 0%, #fff8f8 100%);
+}
+
+.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;
+  }
+}
+.lang_box_txta {
+  width: 100%;
+  height: 100px;
+  text-align: center;
+  line-height: 100px;
+  border-bottom: 1px solid #ecf5ff;
+}
+.lang_box_txt {
+  width: 100%;
+  height: 100px;
+  text-align: center;
+  line-height: 100px;
+  border-bottom: 1px solid #ecf5ff;
+  color: #2196f3;
+}
+.lang_box {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.btn_s_box {
+  border: none;
+  background: #409eff;
+  color: #fff;
+  height: 70px;
+  width: 100%;
+  line-height: 70px;
+  font-size: 16px;
+  text-align: center;
+  border-radius: 15px;
+  font-weight: 600;
+  margin: 40px 20px 0 20px;
+}
+// /deep/ .van-popup {
+//   overflow-y: auto;
+// }
 </style>

--
Gitblit v1.9.3