From 067883c72b282546402064eb1b78d8618d45b74d Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 21 Apr 2025 17:23:10 +0800
Subject: [PATCH] 1

---
 src/page/login/register.vue |   23 
 src/page/home/home.vue      | 1270 +++++++++++++------------------
 src/page/newUser/index.vue  | 1095 +++++++-------------------
 src/axios/api.url.js        |    4 
 4 files changed, 863 insertions(+), 1,529 deletions(-)

diff --git a/src/axios/api.url.js b/src/axios/api.url.js
index 8d7bb7b..c619c9c 100644
--- a/src/axios/api.url.js
+++ b/src/axios/api.url.js
@@ -6,11 +6,11 @@
   // baseURL: 'http://localhost:8070',
   /* Util API */
   // baseURL: '/',
-  baseURL: 'https://api.fidelityio.com/',
+    // baseURL: 'https://api.fidelityio.com/',
   // 0311
   // baseURL: "https://api.amcfcxn.org/",
   // 本地
-  // baseURL: "http://192.168.10.7:8091/",
+  baseURL: "http://192.168.10.4:8091/",
   util: {
     image: "/util/image.html" // 图片上传
   }
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 5e56639..f496959 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,316 +1,520 @@
 <template>
   <div class="wrapper">
     <div class="page_content">
-      <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>
-          </van-swipe>
+      <div class="top_logo">
+        <div class="left_logo">
+          <div class="img_logo">
+            <!-- <img :src="Logo" alt /> -->
+              FALCON
+          </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" v-if="!loading">-->
+<!--            <van-swipe-item v-for="(item, index) in bannerList" @click="handleBannerClick(index)" :key="index">-->
+<!--              <img :src="item.bannerUrl" alt />-->
+<!--            </van-swipe-item>-->
+<!--          </van-swipe>-->
+<!--        </div>-->
         <!-- 公告 -->
-        <!-- <van-skeleton title :row="1" :loading="loading" /> -->
-        <div class="announcement">
+        <van-skeleton title :row="1" :loading="loading" />
+        <div class="announcement" v-if="!loading && close">
           <div class="an_content" @click="$router.push('/newGg')">
             <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>
 
-        <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="" />
-                </div>
-                <div class="name">{{ $t("hj621") }}</div>
-              </div>
-            </li>
-            <li @click="$router.push('/Record')">
-              <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("jl") }}</div>
-              </div>
-            </li>
-            <!-- <li @click="$router.push('/yeb')">
-              <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("yeb") }}</div>
-              </div>
-            </li> -->
-            <li @click="aRouter">
-              <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="$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" />
-                </div>
-                <div class="name" style="margin-top: 2px">
-                  {{ $t("yy") }}
-                </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="aRouter1">
-              <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> -->
-            <!-- <li @click="$router.push('/warehouse')">
-              <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("hj226") }}</div>
-              </div>
-            </li> -->
-            <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>
-          </ul>
-          <!-- 多语言弹框 -->
-          <Language ref="language" @onChange="getNewsList" />
-        </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')">
-              <img
-                src="data:image/png;base64,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"
-                alt="" srcset="" />
+        <!-- 排行入门 -->
+        <van-skeleton title :row="2" :loading="loading" />
 
-              <div class="i-title">{{ $t("打新日曆") }}</div>
-            </div>
-            <div class="item" style="margin-left: 10px" @click="$router.push('/favoritesList')">
-              <img :src="ADFASDF" alt="" srcset="" />
+        <div class="navs" v-if="!loading && close">
 
-              <div class="i-title">{{ $t("申購記錄") }}</div>
+          <div class="navs_content">
+<!--            <div class="chacha" @click="close = false">-->
+<!--              <div>-->
+<!--                <img :src="clear" />-->
+<!--              </div>-->
+<!--            </div>-->
+            <div v-for="(item, index) in navsArr" :key="index" @click="goJy(index)">
+              <div>
+                <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>
-      </div>
+        <!-- 最多关注 -->
+<!--        <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'">-->
 
-      <div class="title-box">
-        <div class="title">{{ $t("資訊") }}</div>
+<!--                        <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>-->
       </div>
+      <van-skeleton title :row="18" :loading="loading" />
       <div class="news-tab">
         <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 id="tab_0">
+            <span class="tab-name">{{ $t('hj6') }}</span>
+          </mt-tab-item>
+          <mt-tab-item id="tab_1">
+            <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-item v-for="(items, index) in newListHeader" :id="items.id" :key="index">
+        <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 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;
-                  ">
+              <div class="" v-for="(item, inde) in newsContent1" :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>
-                <div class="neitu"><img :src="item.imgurl" /></div>
+                <!-- <div class="block-out">
+                  <div class="blocks">{{ item.sourceName }}</div>
+                </div> -->
+                <div class="neitu"><img :src="'data:image/png;base64,'+item.imgurl" /></div>
+              </div>
+            </div>
+          </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-times">{{ item.showTime | gettime }}</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-times">{{ item.showTime | gettime }}</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>
     <!-- tab -->
     <GoToLogin v-show="isGoTo" />
-    	<!-- <van-popup
-    	  v-model="isshow"
-    	  style="border-radius: 10px"
-
-    	>
-    	  <div class="w-600 p-50 box-border" style="width: 350px;padding:20px;display: flex;
-    flex-direction: column;">
-    	    <div class="font-700 text-center font-36 textColor" style="font-weight: 700;font-size: 18px;margin-bottom: 15px;">
-    	      提示
-    	    </div>
-    	    <div class="flex justify-center " >
-    	    <div  style="padding:6px;font-size: 16px;" >此项目均为吉星科技出品认准技术✈️号:
-    			<div  style="margin-top: 10px;">商务2:@jixingkj05</div>
-    			<div  style="margin-top: 10px;">商务3: @xuyuankeji02</div>
-    			<div  style="margin-top: 10px;">非我司认准均为骗子,禁止盗用我司演示,谨防受骗上当!</div>
-          </div>
-    		</div>
-
-    	    <van-button
-    	      color="#1D91FF"
-            style="font-size: 14px;margin-top: 20px;"
-            type="info"
-    		  @click="closeclick"
-    	    >
-    	      {{ $t("我知道了") }}
-    	    </van-button>
-    	  </div>
-    	</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 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/home/6.png'
+import Huo from '@/assets/home/huo.png'
+import banner1 from '@/assets/img/b1.png'
+import banner2 from '@/assets/img/b2.png'
+import banner3 from '@/assets/img/b3.png'
+// import indexData from "./data.json";
+import GoToLogin from '@/page/home/components/GoLogin.vue'
+import { MessageBox } from 'mint-ui'
 export default {
   components: {
     HomeList,
     AllList,
     GoToLogin,
-    Echart,
-    Language,
+    Echart
   },
-  // onlineService
   props: {},
-  data() {
+  data () {
     return {
-      isshow:true,
-      // 客服地址
-      news: "tab_0",
-      // 新闻导航
-      newListHeader: [
-        {
-          title: "印度新闻",
-          id: "tab_0",
-          data: [],
-          type: 1,
-        },
-        // {
-        //   title: "马来西亚新闻",
-        //   id: "tab_1",
-        //   data: [],
-        //   type: 2,
-        // },
-      ],
-
-      // 公告 icon 地址
+      Logo,
+      Searchs,
+      Service,
+      clear,
       Announcement,
-      ADFASDF,
+      indexData: [],
+      Huo,
+      is_login: false,
+      loading: true,
       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",
-        // },
-      ],
-      // 公告列表
+      bannerImgsArr: [{
+        img: banner1
+      }, {
+        img: banner2
+      }, {
+        img: banner3
+      }],
+      announcementMess: '20202/10 - 交易时间安排',
+
       artList: [],
-      onlineService: "123123",
+      news: 'tab_0',
+      newsContent1: [],
+      newsContent2: [],
+      newsContent3: [],
+      newsContent4: [],
+      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: 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: vip,
+      //   title: this.$t('subdk')
+      // },
+      {
+        img: Tops,
+        title: this.$t('申購記錄')
+      },
+      // {
+      //   img: vip,
+      //   title: this.$t('hj279')
+      // }
+      ]
+    }
+  },
+  methods: {
+    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'),
+      // }).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
+      }
+    },
+    goJy (index) {
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
+      switch (index) {
+        case 0:
+          this.$router.push('/warehouse')
+          break
+        case 1:
+          this.$router.push('/favorites')
+          break
+        case 2:
+        this.$router.push('/user')
+          // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
+          break
+        case 3:
+          this.$router.push('/trading-list?type=DZ')
+          break
+        // case 3:
+        //   this.$router.push('/Subscription?idx=1')
+        //   break
+        case 4:
+          // this.$router.push('/Subscription?idx=1')
+          this.$router.push( '/favoritesList')
+          break
+        case 5:
+          this.$router.push('/SubDK')
+          break
+        default:
+          break
+      }
+      if (navigator.vibrate) {
+        // 支持
+        navigator.vibrate([55])
+      }
+    },
+    async getBanner () {
+      // 获取显示的banner
+      let result = await api.getBannerByPlat({ platType: 'm' })
+      if (result.status === 0) {
+        this.bannerList = result.data
+      } 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
+      } else {
+        this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
+      }
+    },
+    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))
+      }
+    },
+    async getNewsList (type) {
+      let data = await api.queryNewsList(type)
+
+      switch (type) {
+        case 1:
+          this.newsContent1 = data.data.list
+          break
+        case 2:
+          this.newsContent2 = data.data.list
+          break
+        case 3:
+          this.newsContent3 = data.data.list
+          break
+        case 4:
+          this.newsContent4 = data.data.list
+          break
+        case 5:
+          this.newsContent5 = data.data.list
+          break
+      }
+    },
+    handleBannerClick (ind) {
+      // console.log(ind);
+    },
+    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 => {
+
+      })
+    },
+    handleSearchClick () {
+      // this.loading = !this.loading;
+      this.$router.push({ path: '/trading-list', query: { type: 1 } })
+    }
   },
   filters: {
-    gettime(time) {
+    gettime (time) {
       if (!time) {
         return ''
       }
@@ -337,347 +541,43 @@
         c = '0' + c
       }
       // 17:35:2922-06-2022
-      return d + '-' + mm + '-' + y + ' ' + h + ':' + m + ':' + c
+      return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
     }
   },
-  methods: {
-    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);
-    },
-
-    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;
-        }
-      });
-      this[`newsContent${type}`] = data.data.list;
-    },
-
-    handleSearchClick() {
-      this.$router.push({ path: "/trading-list", query: { type: 1 } });
-    },
+  created () {
+    // this.getdialog()
+    this.ProcessData()
   },
-
-  async  mounted() {
-    this.getUserInfo();
-    this.getInfoSite();
-    await  this.getNewsList(1);
-    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);
-  },
-};
-</script>
-<style lang="less" scoped>
-.navs {
-  width: 100%;
-  height: 2.6154rem;
+    }, 10000)
 
-  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;
-        }
-      }
-    }
+    setTimeout(() => {
+      this.loading = false
+    }, 2000)
   }
 }
-
-.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);
-}
-
+</script>
+<style lang="less" scoped>
 .wrapper {
   width: 100%;
   height: 100%;
-  background-color: #fff;
-  padding-top: 0.3128rem;
+
+  padding-top: .3128rem;
 
   .page_content {
     width: 100%;
@@ -690,7 +590,6 @@
   height: 0.7949rem;
   display: flex;
   padding-right: 0.3rem;
-
   >div {
     width: 50%;
     height: 100%;
@@ -714,7 +613,6 @@
   .right_search {
     justify-content: flex-end;
     width: 50%;
-
     >div {
       width: 34%;
       height: 0.4615rem;
@@ -748,7 +646,7 @@
     }
 
     .van-swipe-item {
-      // height: 3.0615rem;
+      height: 3.0615rem;
       padding: 0 0.264rem;
       border-radius: 0.3rem;
     }
@@ -809,10 +707,10 @@
     >.navs_content {
       position: relative;
       overflow: hidden;
-      width: 87%;
+      width: 95%;
       height: 100%;
-      margin: 20px auto;
-      // border-radius: 0.2564rem;
+      margin: 0 auto;
+      border-radius: 0.2564rem;
       display: flex;
       justify-content: space-between;
 
@@ -839,10 +737,11 @@
             height: 100%;
           }
         }
+
       }
 
       >div {
-        width: 20%;
+        width: 16%;
         height: 100%;
         display: flex;
         align-items: center;
@@ -852,8 +751,8 @@
           height: 60%;
 
           >.top_img {
-            width: 0.903704rem;
-            height: 0.803704rem;
+            width: 100%;
+            height: 70%;
             display: flex;
             align-items: center;
             justify-content: center;
@@ -908,16 +807,16 @@
       }
     }
 
-    /deep/ .van-swipe__indicators {
+    /deep/.van-swipe__indicators {
       bottom: 0.1rem;
     }
 
-    /deep/ .van-swipe__indicator {
+    /deep/.van-swipe__indicator {
       background-color: #2d8cf0 !important;
       opacity: 1;
     }
 
-    /deep/ .van-swipe__indicator--active {
+    /deep/.van-swipe__indicator--active {
       width: 0.35rem !important;
       border-radius: 0.23rem;
       background-color: #aec7ec !important;
@@ -925,7 +824,7 @@
 
     .fo_banner {
       width: 100%;
-      height: calc(100% - 0.8821rem - 0.3rem);
+      height: calc(100% - .8821rem - 0.3rem);
     }
   }
 
@@ -959,6 +858,7 @@
         display: flex;
         align-items: center;
         font-weight: 500;
+
       }
 
       .aikesi {
@@ -985,6 +885,7 @@
         height: 100%;
         display: flex;
         align-items: center;
+
       }
 
       .point {
@@ -1042,15 +943,17 @@
 }
 
 .my-swipe .van-swipe-item {
+
   font-size: 0.5128rem;
-  // line-height: 3.8462rem;
+  line-height: 3.8462rem;
   text-align: center;
   overflow: hidden;
 }
 
 .fo_my-swipe .van-swipe-item {
+
   font-size: 0.5128rem;
-  // line-height: 3.8462rem;
+  line-height: 3.8462rem;
   overflow: hidden;
 }
 
@@ -1065,7 +968,7 @@
 
 .van-skeleton__row,
 .van-skeleton__title {
-  height: 0.7rem;
+  height: .7rem;
 }
 
 .news-tab {
@@ -1078,24 +981,24 @@
   border-radius: 0.4rem 0.4rem 0 0;
   padding-top: 0.3rem;
 
-  /deep/ .is-selected .tab-name {
+  /deep/.is-selected .tab-name {
     position: relative;
   }
 
-  /deep/ .mint-navbar .mint-tab-item.is-selected {
+  /deep/.mint-navbar .mint-tab-item.is-selected {
     border: 0 !important;
     border-bottom: none;
   }
 
-  /deep/ .is-selected .tab-name:after {
+  /deep/.is-selected .tab-name:after {
     position: absolute;
     display: block;
-    content: "";
-    height: 0.07rem;
-    background-color: #1381a4;
+    content: '';
+    height: .07rem;
+    background-color: #1381A4;
     width: 100%;
     left: 0;
-    bottom: -0.25rem;
+    bottom: -.25rem;
   }
 }
 
@@ -1126,8 +1029,8 @@
 .titContent {
   position: relative;
   width: 100%;
-  font-size: 0.35rem;
-  line-height: 0.46rem;
+  font-size: .35rem;
+  line-height: .46rem;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;
@@ -1155,11 +1058,12 @@
   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;
@@ -1171,175 +1075,47 @@
   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;
-      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 0;
-        font-style: normal;
-        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>
+</style>
diff --git a/src/page/login/register.vue b/src/page/login/register.vue
index 3caaf43..2dcf056 100644
--- a/src/page/login/register.vue
+++ b/src/page/login/register.vue
@@ -18,6 +18,27 @@
             <template slot="prepend">+91</template>
           </el-input>
 
+          <!-- 添加发送验证码的输入框和按钮 -->
+          <div style="margin-top: 0.46rem; display: flex; align-items: center;">
+            <el-input
+              style="flex-grow: 1;"
+              :placeholder="$t('验证码')"
+              size="medium"
+              v-model="verificationCode"
+              maxlength="6"
+              clearable
+              @input="handleInput()"
+            >
+            </el-input>
+            <el-button
+              style="margin-left: 0.2rem;"
+              :disabled="isCounting"
+              @click="sendVerificationCode"
+            >
+              {{ isCounting ? `${countdown}秒后重试` : '发送验证码' }}
+            </el-button>
+          </div>
+
           <el-input
             style="margin-top: 0.46rem"
             show-password
@@ -27,6 +48,7 @@
             @input="handleInput()"
           >
           </el-input>
+
           <el-input
             style="margin-top: 0.46rem"
             show-password
@@ -36,6 +58,7 @@
             @input="handleInput()"
           >
           </el-input>
+
           <el-input
             style="margin-top: 0.46rem"
             :placeholder="$t('hj21')"
diff --git a/src/page/newUser/index.vue b/src/page/newUser/index.vue
index 73a61e8..eb1d871 100644
--- a/src/page/newUser/index.vue
+++ b/src/page/newUser/index.vue
@@ -1,185 +1,204 @@
 <template>
-  <div class="user_page DINPro">
+  <div class="user_page">
     <div class="content">
       <div class="top_icon">
-        <div class="left_icon">
-          <div>
-            <img
-              src="../../assets/img/img_log_home.png"
-              style="width: 40px; height: 40px; border-radius: 50px"
-            />
-          </div>
-          <div class="top_box">
-            <div class="top_box_top" style="font-weight: 600">
-              {{ userInfo.realName }}
-            </div>
-            <div class="top_box_top" style="margin-top: 2px">
-              ID:{{ userInfo.phone }}
-            </div>
-          </div>
-        </div>
+
         <div class="right_icon">
-          <div style="justify-content: flex-end" @click="goToTopUp()">
-            <img src="@/assets/img/shezhia.png" alt />
+          <!-- <div @click="goToTopUp()">
+            <img src="@/assets/img/qianbao.png" alt />
+          </div> -->
+          <div style="justify-content: flex-end;">
+            <a href="https://t.me/Mc1992023" target="_blank">
+              <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+            </a>
           </div>
+          <!-- <div @click="goOnline" style="justify-content: flex-end;">
+            <img style="width: 0.5rem;height: 0.5rem;" src="@/assets/img/kefu.png" alt />
+          </div> -->
         </div>
       </div>
-
-      <div class="content-box">
-        <van-row class="van-row-box">
-          <van-col span="20">
-            <div class="content-all">
-              <span>{{ $t("賬戶總資產") }}({{ $USD }})</span>
-              <i @click="xy = !xy" class="iconfont xy">&#xe8c7;</i>
+      <div class="users" @click="goWall()" style="display:none">
+        <div class="left_tou">
+          <div class="left_tx">
+            <div>
+              <img src="@/assets/img/eslogo.png" alt />
             </div>
-            <div class="number-all">
-              <showHide :text="asstesAll" :flg="xy" />
-            </div>
-          </van-col>
-          <van-col span="4" style="display: flex; justify-content: flex-end">
-            <van-icon
-              @click="$router.push('/rechargelist')"
-              name="orders-o"
-              size="20"
-            />
-          </van-col>
-        </van-row>
-
-        <van-row style="margin-top: 16px">
-          <van-col span="8" style="display: flex; justify-content: center">
-            <!-- @click="$router.push('/recharge')" -->
-            <!-- @click="kefu" -->
-            <van-button @click="kefu" class="btn-two" type="primary">
-              {{ $t("hj172") }}
-            </van-button>
-          </van-col>
-          <van-col span="8" style="display: flex; justify-content: center">
-            <van-button
-              @click="$router.push('/RechargeSure')"
-              class="btn-two"
-              type="default"
-              >{{ $t("提款") }}</van-button
-            >
-          </van-col>
-          <van-col span="8" style="display: flex; justify-content: center">
-            <van-button
-              @click="leverShow = true"
-              class="btn-two"
-              type="default"
-            >
-              {{ $t("申请杠杠") }}
-            </van-button>
-          </van-col>
-        </van-row>
-
-        <van-dialog
-          v-model="leverShow"
-          :title="$t('申请杠杠')"
-          show-cancel-button
-          :cancelButtonText="$t('取消')"
-          :confirmButtonText="$t('确认')"
-          @confirm="confirmLever"
-        >
-          <van-radio-group v-model="radio">
-            <van-cell-group>
-              <van-cell title="1X" clickable @click="radio = '1'">
-                <template #right-icon>
-                  <van-radio name="1" />
-                </template>
-              </van-cell>
-              <van-cell title="2X" clickable @click="radio = '2'">
-                <template #right-icon>
-                  <van-radio name="2" />
-                </template>
-              </van-cell>
-              <van-cell title="5X" clickable @click="radio = '5'">
-                <template #right-icon>
-                  <van-radio name="5" />
-                </template>
-              </van-cell>
-              <van-cell title="10X" clickable @click="radio = '10'">
-                <template #right-icon>
-                  <van-radio name="10" />
-                </template>
-              </van-cell>
-            </van-cell-group>
-          </van-radio-group>
-        </van-dialog>
-      </div>
-      <div class="content-list-box">
-        <div class="divider div-shrink"></div>
-        <van-tabs
-          line-width="22px"
-          swipe-threshold="2"
-          offset-top="20px"
-          @change="tabsChange"
-        >
-          <van-tab
-            v-model="active"
-            v-for="(item, index) in listAsstes"
-            :title="item.title"
-            :key="index"
-            :name="item.title"
-          >
-            <ul class="money">
-              <li style="text-align: left">
-                <div class="li-title">
-                  {{ item.title1 }}({{ item.symbolCode }})
-                </div>
-                <div class="li-USDT">
-                  <div class="DINPro">
-                    {{ item.symbol }}
-                    {{ item.availableBalance | _toLocaleString }}
-                  </div>
-                  <!-- <div class="DINPro">
-                    ≈ $ {{ item.availableBalanceUSD || "0.00" }}
-                  </div> -->
-                </div>
-              </li>
-              <li>
-                <div class="li-title">
-                  {{ item.title2 }}({{ item.symbolCode }})
-                </div>
-                <div class="li-USDT">
-                  <div class="DINPro">
-                    {{ item.symbol }}
-                    {{ item.freezeMoney | _toLocaleString }}
-                  </div>
-                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
-                </div>
-              </li>
-              <li>
-                <div class="li-title">
-                  {{ $t("待补金额") }}({{ item.symbolCode }})
-                </div>
-                <div class="li-USDT">
-                  <div class="DINPro">
-                    {{ item.symbol }}
-                    {{ item.amountToBeCovered | _toLocaleString }}
-                  </div>
-                  <!-- <div class="DINPro">≈ $ {{ item.freezeMoney || "0.00" }}</div> -->
-                </div>
-              </li>
-            </ul>
-          </van-tab>
-        </van-tabs>
-      <!--  <div class="path" >
-          <div class="path_box" v-for="(item,index) in iconlist" :key="index" @click="nato(item.path)">
-            <div class="path_img">
-              <img alt :src="item.icon"/>
-            </div>
-            <div class="path_txt">{{item.title}}</div>
           </div>
-        </div> -->
+          <div class="right_name">
+            <span>{{ userInfo.realName ? userInfo.realName : userInfo.phone }}</span>
+          </div>
+        </div>
+        <div class="right_go">
+          <img src="@/assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="center_card">
+        <div class="keyon">
+          <span>{{ $t('hj49') }}</span>
+        </div>
+        <div class="num_price" v-if="userInfo.length == 0">
+          ﷼0
+        </div>
 
+        <div class="num_price" v-if="userInfo.length != 0">
+          <p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
+            class="account">
+            ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+              $store.state.userInfo.userIndexAmt).toFixed(2)
+            }}
+          </p>
+          <p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
+            class="account">
+            ﷼{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+              $store.state.userInfo.userFuturesAmt).toFixed(2)
+            }}
+          </p>
+          <p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
+            class="account">﷼&nbsp;&nbsp;{{ $store.state.hide ? '****' :
+              regexNum($store.state.userInfo.userAmt)
+            }}</p>
+        </div>
+        <div style="text-align: center;">Phone: {{ this.$store.state.userInfo.phone }}</div>
+
+        <div class="yk es">
+          <div>
+            <span>{{ $t('hj55') }}</span>
+          </div>
+          <div>
+            <span>{{ $t('hj141') }}</span>
+          </div>
+
+          <div>
+            <span>{{ $t('hj48') }}</span>
+          </div>
+        </div>
+        <div class="yk as">
+          <div>
+            <span class="orenge">﷼ {{ userInfo.length != 0 ? regexNum($store.state.userInfo.allFreezAmt +
+              $store.state.userInfo.djzj) : 0
+            }}</span>
+          </div>
+          <div v-if="userInfo.length == 0">
+            <span v-if="!selectUserFlag">
+              <span>{{ '﷼ 0' }}</span>
+            </span>
+            <span v-else>
+              <span>{{ '﷼ 0' }}</span>
+            </span>
+          </div>
+          <div v-if="userInfo.length != 0">
+            <span v-if="!selectUserFlag">
+              <span
+                :class="$store.state.userInfo.allIndexProfitAndLose > 0 ? ' red' : $store.state.userInfo.allIndexProfitAndLose < 0 ? ' green' : ''">{{
+                  '﷼ ' + $store.state.userInfo.allIndexProfitAndLose
+                }}</span>
+            </span>
+            <span v-else>
+              <span
+                :class="$store.state.userInfo.allProfitAndLose > 0 ? ' red' : $store.state.userInfo.allProfitAndLose < 0 ? ' green' : ''">{{
+                  regexNum($store.state.userInfo.allProfitAndLose)
+                }}</span>
+            </span>
+          </div>
+
+          <div v-if="userInfo.length == 0">
+            <span class="bzz" v-if="!selectUserFlag">{{ '﷼ 0' }}</span>
+            <span class="bzz" v-else>{{ '﷼ 0' }}</span>
+          </div>
+          <div v-if="userInfo.length != 0">
+            <span class="bzz" v-if="!selectUserFlag">{{ '﷼ ' + $store.state.userInfo.enableIndexAmt }}</span>
+            <span class="bzz" v-else>{{ '  ' + regexNum($store.state.userInfo.enableAmt) }}</span>
+          </div>
+
+        </div>
+        <!-- <div class="btns" @click="handleZh()" :class="selectUserFlag ? '' : 'active'">
+          <span>{{ selectUserFlag ? $t('hj142') : $t('hj143') }}</span>
+        </div> -->
+      </div>
+      <div class="jy" @click="goWall()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/huazhuan2.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('hj256') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="jy" @click="goToSettings()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/xiugaimima.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('hj144') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="jy" @click="handleGoToTransfer()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/huazhuan2.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('subdka') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="jy" @click="handleGoToAuthentication()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/shiming.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('hj146') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="jy" @click="handleGoToBankCard()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/shiming.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('hj147') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
+      </div>
+      <div class="jy" @click="handleOutLoginClick()">
+        <div class="left_gn">
+          <div class="l_icon">
+            <img src="../../assets/img/out2.png" alt />
+          </div>
+          <div class="r_title">
+            <span>{{ $t('hj148') }}</span>
+          </div>
+        </div>
+        <div class="right_gos">
+          <img src="../../assets/img/youjiantou.png" alt />
+        </div>
       </div>
     </div>
-    <Language ref="language" @onChange="onChange" />
     <van-popup v-model="settingDialog" position="bottom" :style="{ height: '40%' }">
       <div class="setting_content">
         <div class="old_password">
           <div class="left_titles">
-            <span>{{ $t("hj150") + ":" }}</span>
+            <span>{{ $t('hj150') + ':' }}</span>
           </div>
           <div class="right_password_input">
             <input type="password" v-model="oldPassword" />
@@ -187,7 +206,7 @@
         </div>
         <div class="old_password">
           <div class="left_titles">
-            <span>{{ $t("hj151") + ":" }}</span>
+            <span>{{ $t('hj151') + ':' }}</span>
           </div>
           <div class="right_password_input">
             <input type="password" v-model="newPassword" />
@@ -195,412 +214,185 @@
         </div>
         <div class="old_password">
           <div class="left_titles">
-            <span>{{ $t("hj152") + ":" }}</span>
+            <span>{{ $t('hj152') + ':' }}</span>
           </div>
           <div class="right_password_input">
             <input type="password" v-model="cirNewPassword" />
           </div>
         </div>
         <div class="btn_setting" @click="changeLoginPsd()">
-          <span>{{ $t("hj153") }}</span>
+          <span>{{ $t('hj153') }}</span>
         </div>
       </div>
     </van-popup>
+
   </div>
 </template>
 
 <script>
-import * as api from "@/axios/api";
-import { Toast, MessageBox } from "mint-ui";
-import { isNull, pwdReg } from "@/utils/utils";
-import showHide from "@/components/showHide";
-import Vue from "vue";
-import { Notify } from "vant";
-import Language from "@/components/Language/index.vue";
+import * as api from '@/axios/api'
+import { Toast, MessageBox } from 'mint-ui'
+import { isNull, pwdReg } from '@/utils/utils'
 
 export default {
-  name: "newUser",
-  components: { showHide,Language },
+  name: 'newUser',
   data() {
     return {
-      pswDialog: false,
-      leverShow: false,
-      radio: "1",
-      // 显示隐藏
-      xy: true,
-      listAsstes: [
-        {
-          title: this.$t("印股資產"),
-          title3: this.$t("印股總資產"),
-          title1: this.$t("印股可用"),
-          title2: this.$t("印股冻结"),
-          accectType: "IN",
-          symbolCode: "INR",
-          symbol: "₹",
-        },
-      ],
-      active: this.$t("印股資產"),
-      name: "",
+      name: '大狗子',
       selectUserFlag: true,
       settingDialog: false,
-      oldPassword: "", // 旧密码
-      newPassword: "", // 新密码
-      cirNewPassword: "", // 确认新密码
+      oldPassword: '', // 旧密码
+      newPassword: '', // 新密码
+      cirNewPassword: '', // 确认新密码
       userInfo: [],
-      onlineService: "",
-      moneyList: [],
-      asstesAll: "0.00",
-      iconlist:[{
-        icon:require('../../assets/img/usericon.png'),
-        path:'/bankCard1',
-        title: this.$t("关于我们"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/banklist',
-        title: this.$t("hj147"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/mm',
-        title: this.$t("hj144"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/authentications',
-        title: this.$t("hj146"),
-      },
-      // {
-      //   icon:require('../../assets/img/usericon.png'),
-      //   path:'/banklist',
-      //   title: this.$t("ysmrz"),
-      // },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/yy',
-        title: this.$t("yy"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/tc',
-        title: this.$t("hj148"),
-      },
-      ],
-      language: "",
-    };
+      onlineService: ''
+    }
+  },
+  components: {
   },
   created() {
-    this.getUserInfo();
-    this.getMoneyData();
-    this.getInfoSite();
+    this.getUserInfo()
+    this.getInfoSite()
   },
   methods: {
-    clicklang() {
-      this.$refs.language.settingDialog = true;
-    },
-    onChange(e) {
-      this.language = e;
-      this.active = this.$t("印股資產")
-      this.listAsstes=[
-        {
-          title: this.$t("印股資產"),
-          title3: this.$t("印股總資產"),
-          title1: this.$t("印股可用"),
-          title2: this.$t("印股冻结"),
-          accectType: "IN",
-          symbolCode: "INR",
-          symbol: "₹",
-        },
-      ]
-      this.iconlist = [{
-        icon:require('../../assets/img/usericon.png'),
-        path:'/bankCard1',
-        title: this.$t("关于我们"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/banklist',
-        title: this.$t("hj147"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/mm',
-        title: this.$t("hj144"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/authentications',
-        title: 'KYC',
-      },
-      // {
-      //   icon:require('../../assets/img/usericon.png'),
-      //   path:'/banklist',
-      //   title: this.$t("ysmrz"),
-      // },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/yy',
-        title: this.$t("yy"),
-      },
-      {
-        icon:require('../../assets/img/usericon.png'),
-        path:'/tc',
-        title: this.$t("hj148"),
-      },
-      ]
-    },
-    nato(path){
-      if(path=='/mm'){
-        this.goToSettings()
-      }else if (path=='/yy'){
-        this.clicklang()
-      }else if (path == '/tc'){
-        this.handleOutLoginClick()
-      }else{
-        this.$router.push(path);
-      }
-    },
-    async toRegister() {
-      // 注销登陆
-      window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
-      this.clearCookie();
-      let data = await api.logout();
-      if (data.status === 0) {
-        // Toast(data.msg)
-        this.undataToken(null);
-        this.$router.push("/login");
-      } else {
-        Toast(data.msg);
-      }
-      this.$router.push("/login");
-    },
-    handleOutLoginClick() {
-      // 退出登录
-      MessageBox.confirm(this.$t("hj149"), this.$t(""), {
-        confirmButtonText: this.$t("qr"),
-        cancelButtonText: this.$t("hj106"),
-      })
-        .then(() => {
-          this.toRegister();
-        })
-        .catch(() => {});
-    },
-    // 申请杠杠
-    async confirmLever() {
-      const res = await api.applyLever({ lever: this.radio });
-      if (res.status === 0) {
-        Notify({
-          type: "success",
-          message: this.$t("申请杠杠成功,请联系客服!"),
-        });
-      } else {
-        Notify({ type: "warning", message: res.msg });
-      }
-    },
-    kefu() {
-      this.$store.commit("elAlertShow", {
-          elAlertShow: true,
-          elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
-        });
-      // window.open(this.onlineService);
-    },
-    async getMoneyData() {
-      let data = await api.getMoney();
-      if (data.status === 0) {
-        // 判断是否登录
-        this.moneyList = data.data;
-        data.data.map((item) => {
-          this.listAsstes.map((items) => {
-            if (item.accectType === items.accectType) {
-              Vue.set(items, "availableBalance", item.availableBalance);
-              Vue.set(items, "availableBalanceUSD", item.availableBalanceUSD);
-              Vue.set(items, "freezeMoney", item.freezeMoney);
-              Vue.set(items, "freezeMoneyUSD", item.freezeMoneyUSD);
-              Vue.set(items, "symbol", item.symbol);
-              Vue.set(items, "symbolCode", item.symbolCode);
-              Vue.set(items, "amountToBeCovered", item.amountToBeCovered);
-            }
-          });
-        });
-
-        const arr = data.data.filter((item) => item.accectType === "IN");
-        this.asstesAll = arr[0].totalMoney;
-      }
-    },
-    tabsChange(e) {
-      console.log(e);
-    },
-    yebclick() {
-      this.$router.push("/yeb");
-    },
     regexNum(str) {
       console.log(str);
-      str = str.toString();
+      str = str.toString()
       if (str.indexOf(".") == -1) {
-        str = str + ".00";
+        str = str + ".00"
       }
 
-      var newStr = str.split(".");
-      var point = newStr[1];
+      var newStr = str.split('.')
+      var point = newStr[1]
 
       if (point.length < 2) {
-        point = point + "0";
+        point = point + "0"
       }
-      var moneyPoint = newStr[0];
+      var moneyPoint = newStr[0]
       if (moneyPoint.length <= 3) {
-        return moneyPoint + "." + point;
+        return moneyPoint + "." + point
       } else {
-        var mPoint = moneyPoint.substr(
-          moneyPoint.length - 3,
-          moneyPoint.length
-        );
-        var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
-        var endString = twoPoint
-          .toString()
-          .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
-        return endString + "," + mPoint + "." + point;
+        var mPoint = moneyPoint.substr(moneyPoint.length - 3, moneyPoint.length)
+        var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3)
+        var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
+        return endString + "," + mPoint + '.' + point;
+
       }
     },
     goOnline() {
       if (navigator.vibrate) {
         // 支持
-        navigator.vibrate([55]);
+        navigator.vibrate([55])
       }
-      this.$router.push("/service");
+      this.$router.push('/service')
     },
     async getInfoSite() {
-      let data = await api.getInfoSite();
+      let data = await api.getInfoSite()
       if (data.status === 0) {
-        this.onlineService = data.data.onlineService;
+        this.onlineService = data.data.onlineService
       } else {
-        Toast(data.msg);
+        Toast(data.msg)
       }
     },
     goWall() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push("/wallet");
-    },
-    gotoa(e) {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      if (e == 1) {
-        this.$router.push("/wallet");
-      } else if (e == 2) {
-        this.$router.push("/tixian");
-      } else {
-        this.$router.push("/transfers");
-      }
-    },
-    subclick() {
-      this.$router.push("/SubDK");
-    },
-    subaclick() {
-      this.$router.push("/tixian");
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
+      this.$router.push('/recharge')
     },
     handleZh() {
-      this.selectUserFlag = !this.selectUserFlag;
+      this.selectUserFlag = !this.selectUserFlag
 
       if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
+        this.$store.commit('dialogVisible', true)
+        return
       }
       if (navigator.vibrate) {
         // 支持
-        navigator.vibrate([55]);
+        navigator.vibrate([55])
       }
     },
     async getUserInfo() {
       // 获取用户信息
-      let data = await api.getUserInfodata();
+      let data = await api.getUserInfo()
       if (data.status === 0) {
         // 判断是否登录
-        this.$store.commit("dialogVisible", false);
-        this.$store.state.userInfo = data.data;
-        this.userInfo = data.data;
+        this.$store.commit('dialogVisible', false)
+        this.$store.state.userInfo = data.data
+        this.userInfo = data.data
       } else {
-        this.$store.commit("dialogVisible", true);
+        this.$store.commit('dialogVisible', true)
       }
     },
     goToTopUp() {
-      // if (this.userInfo.length === 0) {
-      // 	this.$store.commit('dialogVisible', true)
-      // 	return
-      // }
-      // if (navigator.vibrate) {
-      // 	// 支持
-      // 	navigator.vibrate([55])
-      // }
-      this.$router.push("/setting");
-    },
-    // handleOutLoginClick() {
-    //   // 退出登录
-    //   MessageBox.confirm(this.$t(""), this.$t("hj165"), {
-    //     confirmButtonText: this.$t("qr"),
-    //     cancelButtonText: this.$t("hj106"),
-    //   })
-    //     .then(() => {
-    //       this.toRegister();
-    //     })
-    //     .catch(() => {});
-    // },
-    goToSettings() {
       if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
+        this.$store.commit('dialogVisible', true)
+        return
       }
+      if (navigator.vibrate) {
+        // 支持
+        navigator.vibrate([55])
+      }
+      this.$router.push('/wallet')
+    },
+    handleOutLoginClick() {
+      // 退出登录
+      MessageBox.confirm(this.$t('hj149') + '?', this.$t('hj165'), {
+        confirmButtonText: this.$t('hj161'),
+        cancelButtonText: this.$t('hj106')
+      }).then(() => {
+        this.toRegister()
+      }).catch(() => {
+
+      })
+    },
+    goToSettings() {
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
       // 每次打开dialog 清空密码数据
-      this.settingDialog = !this.settingDialog;
+      this.settingDialog = !this.settingDialog
       if (this.settingDialog) {
-        this.oldPassword = "";
-        this.newPassword = "";
-        this.cirNewPassword = "";
+        this.oldPassword = ''
+        this.newPassword = ''
+        this.cirNewPassword = ''
       }
     },
     handleGoToTransfer() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push("/transfers");
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
+      this.$router.push('/RechargeSure')
     },
     handleGoToAuthentication() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push("/authentications");
-    },
-    handleGoToAuthenticationaz() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push("/download");
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
+      this.$router.push('/authentications')
     },
     handleGoToBankCard() {
-      if (this.userInfo.length === 0) {
-        this.$store.commit("dialogVisible", true);
-        return;
-      }
-      this.$router.push("/bankCard");
+      // if (this.userInfo.length === 0) {
+      //   this.$store.commit('dialogVisible', true)
+      //   return
+      // }
+      this.$router.push('/banklist')
     },
     async toRegister() {
       // 注销登陆
-      window.localStorage.removeItem("USERTOKEN"); // 清空本地存储 USERTOKEN字段
-      this.clearCookie();
-      let data = await api.logout();
+      window.localStorage.removeItem('USERTOKEN') // 清空本地存储 USERTOKEN字段
+      this.clearCookie()
+      let data = await api.logout()
       if (data.status === 0) {
         // Toast(data.msg)
-        this.$router.push("/login");
+        this.$router.push('/login')
       } else {
-        Toast(data.msg);
+        Toast(data.msg)
       }
-      this.$router.push("/login");
+      this.$router.push('/login')
     },
     async changeLoginPsd() {
       // 修改密码
@@ -609,321 +401,73 @@
         isNull(this.newPassword) ||
         isNull(this.cirNewPassword)
       ) {
-        Toast(this.$t("hj154"));
-        this.settingDialog = false;
+        Toast(this.$t('hj154'))
+        this.settingDialog = false
       } else if (!pwdReg(this.newPassword)) {
-        Toast(this.$t("hj19"));
-        this.settingDialog = false;
+        Toast(this.$t('hj19'))
+        this.settingDialog = false
       } else {
         // 修改密码
         if (this.newPassword === this.cirNewPassword) {
           let opts = {
             oldPwd: this.oldPassword,
-            newPwd: this.newPassword,
-          };
-          let data = await api.changePassword(opts);
+            newPwd: this.newPassword
+          }
+          let data = await api.changePassword(opts)
           if (data.status === 0) {
-            this.changeLoginPsdBox = false;
-            Toast(data.msg);
-            this.settingDialog = false;
+            this.changeLoginPsdBox = false
+            Toast(data.msg)
+            this.settingDialog = false
           } else {
-            Toast(data.msg);
-            this.settingDialog = false;
+            Toast(data.msg)
+            this.settingDialog = false
           }
         } else {
-          Toast(this.$t("hj155"));
-          this.settingDialog = false;
+          Toast(this.$t('hj155'))
+          this.settingDialog = false
         }
       }
       if (navigator.vibrate) {
         // 支持
-        navigator.vibrate([55]);
+        navigator.vibrate([55])
       }
-    },
+    }
   },
-};
+
+}
 </script>
 
 <style scoped lang="less">
-  .path_txt{
-    text-align: center;
-  }
-  .path_img{
-
-    img{
-      width: 55px;
-      height: 55px;
-      margin-bottom: 10px;
-    }
-  }
-  .path_box{
-    width: 25%;
-    display: flex;
-    // justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    margin-bottom: 20px;
-  }
-  .path{
-    margin: 0 20px;
-    margin-top: 20px;
-    padding: 20px 0;
-    display: flex;
-    flex-wrap: wrap;
-    border-radius: 12px;
-    box-shadow:  2px 2px 8px 2px rgba(0, 0, 0, 0.2);
-  }
-/deep/ .van-button--primary {
-  background-color: #0066ed;
-}
-/deep/ .van-tab {
-  min-width: 2.66667rem;
-  height: 1.17333rem;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 0.37333rem;
-  text-align: center;
-  color: #687284;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1;
-}
-/deep/ .van-tab--active {
-  color: #2c2e3b;
-}
-/deep/ .van-tabs--line .van-tabs__wrap {
-  height: auto;
-}
-/deep/ .van-tabs__line {
-  background-color: #0066ed;
-  // height: auto;
-}
-.xy {
-  font-size: 28px;
-  color: #cfd0d2;
-  margin-left: 10px;
-  cursor: pointer;
-}
-.money {
-  font-family: "DINPro", serif;
-  width: 100%;
-  max-width: 25.6rem;
-  li {
-    width: 100%;
-    max-width: 25.6rem;
-    height: 1.54667rem;
-    border-bottom: 0.02667rem solid #e5e8ed;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 0.4rem;
-    box-sizing: border-box;
-    text-align: right;
-    .li-title {
-      font-style: normal;
-      font-weight: 500;
-      font-size: 0.37333rem;
-      color: #2d2f3c;
-      text-align: left;
-    }
-    .li-USDT {
-      min-width: 180px;
-      text-align: right;
-      font-style: normal;
-      font-weight: 500;
-      font-size: 0.37333rem;
-      color: #2d2f3c;
-      line-height: 28px;
-    }
-  }
-}
-.content-list-box {
-  width: 100%;
-  min-height: calc(100vh - 6rem);
-  background-color: #fff;
-  .divider {
-    width: 100%;
-    height: 0.13333rem;
-    background: #f1f1f1;
-  }
-}
-.content-box {
-  width: 100%;
-  // min-height: 5.52rem;
-  background: #ffffff;
-  box-shadow: 0 0.16rem 0.32rem #eaeaea99;
-  padding: 0.4rem;
-  box-sizing: border-box;
-  border-top-left-radius: 0.4rem;
-  border-top-right-radius: 0.4rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  .content-title {
-    font-family: "DINPro", serif;
-    line-height: 28px;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 0.32rem;
-    color: #14181f;
-  }
-  .btn-two {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 0.37333rem;
-    line-height: 0.37333rem;
-    width: 88%;
-    height: 0.8rem;
-    border: 0.01333rem solid #cfd0d2;
-    border-radius: 0.05333rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0.13333rem;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-}
-.van-row-box {
-  .content-all {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 0.32rem;
-    color: #14181f;
-    display: flex;
-    line-height: 28px;
-    // align-items: center;
-  }
-  .number-all {
-    font-size: 32px;
-    font-family: "DINPro", serif;
-    line-height: 38px;
-  }
-}
-
-.top_box_top {
-  color: #fff;
-  font-size: 0.4rem;
-}
-.top_box {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  // align-items: center;
-  margin-left: 15px;
-}
-.left_icon {
-  display: flex;
-}
-.btn2 {
-  font-size: 0.4rem;
-  text-align: center;
-  width: 120px;
-  padding: 0.17074rem 0.222222rem;
-  border-radius: 25px;
-  background: #409eff;
-  color: #fff;
-}
-
-.btn1 {
-  width: 120px;
-  font-size: 0.4rem;
-  text-align: center;
-  padding: 0.17074rem 0.222222rem;
-  border-radius: 25px;
-  border: 1px solid #dcdfe9;
-  color: #0d0d0d;
-}
-
-.box1_bottom {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-top: 27px;
-  // padding-bottom: 10px;
-}
-
-.title_box_left {
-  width: 50%;
-  font-size: 0.4rem;
-}
-
-.title_box_right {
-  width: 50%;
-  font-size: 0.4rem;
-}
-
 .green {
   color: #028f52 !important;
-}
-
-.cd_box {
-  display: flex;
-  flex-direction: column;
-  background: #fff;
-  border: 0.5px solid #e5e5e5;
-  border-radius: 8px;
-  margin-top: 17px;
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
-}
-.cd_box_body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 8px 8px 0 0;
-  padding: 18px 8px;
-  font-size: 0.4rem;
-  font-weight: 500;
-}
-.cd_box_top {
-  display: flex;
-  align-items: center;
-  background: #f5f5f5;
-  border-radius: 8px 8px 0 0;
-  padding: 18px 8px;
-  font-size: 0.4rem;
-  font-weight: 500;
 }
 
 .red {
   color: #b60c0d !important;
 }
 
-.top_box {
-  display: flex;
-}
-
-.title_box {
-  display: flex;
-  font-size: 10px;
-  color: #9ea3ae;
-}
-
 .user_page {
   width: 100%;
   height: calc(100% - 1.3rem);
-  background: linear-gradient(to bottom, #3160fd, #ffffff);
 
   .content {
     width: 100%;
     height: 100%;
+    padding: 0 0.3rem;
 
     .top_icon {
       width: 100%;
       height: 1.5rem;
       display: flex;
-      justify-content: space-between;
+      justify-content: flex-end;
       align-items: center;
-      padding: 0 0.3rem;
+
       .right_icon {
         width: 17%;
         height: 50%;
         display: flex;
 
-        > div {
+        >div {
           width: 100%;
           height: 100%;
           display: flex;
@@ -960,7 +504,7 @@
           align-items: center;
           justify-content: center;
 
-          > div {
+          >div {
             width: 1rem;
             height: 1rem;
             border-radius: 50%;
@@ -1004,10 +548,8 @@
 
     .center_card {
       width: 100%;
-      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
       // height: 5.3846rem;
-      background: #fff;
-      // background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
+      background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
       // background-image: linear-gradient(to right, #ffffff , #dfedfc);
       // margin-top: 0.5rem;
       border-radius: 0.15rem;
@@ -1019,13 +561,13 @@
         display: flex;
         align-items: center;
         color: #3d4144;
-        // font-weight: 600;
-        // justify-content: center;
+        font-weight: 600;
+        justify-content: center;
         padding-bottom: 0.2rem;
 
         span {
-          // font-weight: 600;
-          font-size: 0.4rem;
+          font-weight: 600;
+          font-size: 0.6rem;
         }
       }
 
@@ -1034,14 +576,13 @@
         // height: 0.6667rem;
         margin-top: 0.1rem;
         display: flex;
-        // align-items: center;
-        // justify-content: center;
-        // font-size: 0.5528rem;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.5528rem;
         padding-bottom: 0.3rem;
 
         span {
           font-weight: 600;
-          font-size: 0.4rem;
         }
       }
 
@@ -1057,7 +598,7 @@
         align-items: center;
         justify-content: space-between;
 
-        > div {
+        >div {
           width: 33%;
           height: 100%;
           color: #97989d;
@@ -1227,11 +768,5 @@
       font-weight: 600;
     }
   }
-}
-/deep/ .el-upload__input {
-  display: none !important;
-}
-input[type="file"] {
-  display: none !important;
 }
 </style>

--
Gitblit v1.9.3