first

zzzz

2024-04-24 fde4daf5bf6ace15c3f78eb3bb5b9dbdad763674

 src/page/home/home.vue

@@ -1,34 +1,8 @@
<template>
  <div class="wrapper">
    <div class="page_content">
      <!--  <div class="top_logo">
        <div class="left_logo">
          <div class="img_logo">
              Fidelity
          </div>
        </div>
        <div class="right_search">
          <div>
            <div class="service_con" @click="goOnline()">
              <img :src="Service" alt />
            </div>
            <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
              @select="onSelect">
              <template #reference>
                <div class="iconfont icon-icon_A">

                </div>
              </template>
            </van-popover>

          </div>
        </div>

      </div> -->
      <div class="center_tabs">
        <!-- 顶部轮播图 -->
        <div class="banner_top">
          <!-- <van-skeleton title :row="3" :loading="loading" /> -->
          <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
            <van-swipe-item
              v-for="(item, index) in bannerImgsArr"
@@ -54,107 +28,19 @@
          </div>
        </div>

        <!-- 排行入门 -->
        <!-- <van-skeleton title :row="2" :loading="loading" /> -->

        <!-- 最多关注 -->
        <!--        <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />-->
        <!--        <div class="focus_on" v-if="!loading">-->
        <!--          <div class="fo_content">-->
        <!--            <div class="top_title">-->
        <!--              {{ $t('hj5') }}-->
        <!--            </div>-->
        <!--            <div class="fo_banner">-->
        <!--              <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">-->
        <!--                &lt;!&ndash; <van-swipe-item v-for="(item, index)  in proData" :key="index">-->
        <!--                  <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">-->
        <!--                    <div class="top_fo" style="width: 80%;">-->
        <!--                      <div class="title" style="width: 30%;">-->
        <!--                        <span>{{ item2.f14 }}</span>-->
        <!--                      </div>-->
        <!--                      <div class="percentage"  :class="item2.f3 > 0 ? 'gree' : 'redd'">-->

        <!--                        <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>-->
        <!--                      </div>-->
        <!--                      <div class="percentage"></div>-->
        <!--                      <div class="percentage" style="width: 38%;position: absolute;right: 0;top: 5%;height: 80%;" :class="item2.f3 > 0 ? 'gree' : 'redd'">-->
        <!--                         <echart :colorType="item2.f3" :ids="idx+'1'+index"></echart>-->
        <!--                      </div>-->
        <!--                    </div>-->
        <!--                    <div class="bottom_fo" style="width: 80%;">-->
        <!--                      <div class="title"style="width: 30%;">-->
        <!--                        <span style="margin-right: 0.12rem;">{{ item2.f12 }}</span>-->
        <!--                        <img v-for="item in getHuo()" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
        <!--                      </div>-->
        <!--                      <div  class="percentage" >-->

        <!--                        <span>{{ item2.f2 }}</span>-->
        <!--                      </div>-->
        <!--                      <div class="percentage">-->
        <!--                        <span></span>-->
        <!--                      </div>-->
        <!--                    </div>-->
        <!--                  </div>-->
        <!--                </van-swipe-item> &ndash;&gt;-->
        <!--                <van-swipe-item v-for="(item, index)  in proData" :key="index">-->
        <!--                  <div class="item_cont" :class="idx != 2 ? 'item_conts' : ''"-->
        <!--                    v-for="(item2, idx) in proData[currentIndex]" :key="idx" @click="goDetail(item2)">-->
        <!--                    <div class="top_fo">-->
        <!--                      <div class="title">-->
        <!--                        {{ item2.name }}-->
        <!--                      </div>-->
        <!--                      <div class="numbers">-->
        <!--                        {{ item2.price }}-->
        <!--                      </div>-->
        <!--                      <div class="percentage" :class="item2.range > 0 ? 'gree' : 'redd'">-->
        <!--                        <span style="font-weight: 500;">{{ item2.range > 0 ? `${item2.range}` :-->
        <!--                            `${item2.range}`-->
        <!--                        }}</span>-->
        <!--                      </div>-->
        <!--                    </div>-->
        <!--                    <div class="bottom_fo">-->
        <!--                      <div class="title">-->
        <!--                        <span class="numberid" style="margin-right: 0.12rem;">{{ item2.symbol }}</span>-->
        <!--                        &lt;!&ndash; <div v-for="(items, indexs) in Number(item2.pnum.slice(0, 1))"-->
        <!--                          style="width: 0.4rem;height: 0.4rem;display: flex;">-->
        <!--                          <img v-if="indexs < 3" :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
        <!--                        </div> &ndash;&gt;-->

        <!--                      </div>-->
        <!--                      <div class="numbers" :class="item2.floatPoint > 0 ? 'gree' : 'redd'">-->
        <!--                        <img :src="Huo" alt style="width: 0.4rem;height: 0.4rem;" />-->
        <!--                        <span class="point" style="height: 0.4rem;">{{ item2.pnum-->
        <!--                        }}</span>-->
        <!--                      </div>-->
        <!--                      <div class="percentage">-->
        <!--                        &lt;!&ndash; <span class="aikesi">100X</span> &ndash;&gt;-->
        <!--                        <el-tag key="100X"-->
        <!--                          style="width: 80%;text-align: center;height: 0.45rem!important;line-height: 0.45rem!important;">-->
        <!--                          {{ getNum1(Number(item2.pnum.slice(0, 1))) + 'X' }}-->
        <!--                        </el-tag>-->
        <!--                      </div>-->
        <!--                    </div>-->
        <!--                  </div>-->
        <!--                </van-swipe-item>-->
        <!--              </van-swipe>-->
        <!--            </div>-->
        <!--          </div>-->
        <!--        </div>-->
        <!-- <van-skeleton title :row="18" :loading="loading" /> -->
        <div class="fg"></div>
        <div class="box-1">
          <ul class="menu" style="border-bottom: 0px">
            <!----><!---->
            <li @click="$router.push('/recharge')">
              <a class="link"
                ><div class="icon">
            <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></a
              >
                <div class="name">{{ $t("hj256") }}</div>
              </div>
            </li>
            <!-- RechargeSure -->
            <li @click="$router.push('/RechargeSure')">
@@ -168,7 +54,7 @@
                <div class="name">{{ $t("提款") }}</div>
              </div>
            </li>
            <li>
            <li @click="aRouter">
              <div class="link">
                <div class="icon">
                  <img
@@ -191,149 +77,98 @@
                <div class="name">{{ $t("安全") }}</div>
              </div>
            </li>
            <li @click="$router.push('/setting')">
              <a href="/help" class="link"
                ><div class="icon">
            <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("用戶手冊") }}</div></a
              >
                <div class="name">{{ $t("yeb") }}</div>
              </div>
            </li>
            <li @click="$router.push('/setting')">
              <a href="/platform" class="link"
                ><div class="icon">
            <!-- <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("平臺") }}</div></a
              >
            </li>
            <li @click="$router.push('/transferIndex')">
              <a href="/transferIndex" class="link"
                ><div class="icon">
                <div class="name">{{ $t("hj226") }}</div>
              </div>
            </li> -->
            <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("hj245") }}</div></a
              >
                <div class="name">{{ $t("hj261") }}</div>
              </div>
            </li>
            <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>
          </ul>
          <!-- 多语言弹框 -->
          <Language ref="language" />
        </div>
        <div class="fg"></div>
        <div class="new-stock">
          <div class="title">{{ $t("hj45") }}</div>
          <div class="list">
            <div class="item" @click="$router.push('/favorites')">
              <div class="icon">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  viewBox="0 0 16 16"
                  fill="none"
                >
                  <path
                    d="M11.3333 1.99935H14C14.3682 1.99935 14.6666 2.29783 14.6666 2.66602V13.3327C14.6666 13.7009 14.3682 13.9993 14 13.9993H1.99998C1.63179 13.9993 1.33331 13.7009 1.33331 13.3327V2.66602C1.33331 2.29783 1.63179 1.99935 1.99998 1.99935H4.66665V0.666016H5.99998V1.99935H9.99998V0.666016H11.3333V1.99935ZM2.66665 5.99935V12.666H13.3333V5.99935H2.66665ZM3.99998 7.33268H5.33331V8.66602H3.99998V7.33268ZM7.33331 7.33268H8.66665V8.66602H7.33331V7.33268ZM10.6666 7.33268H12V8.66602H10.6666V7.33268Z"
                    fill="#061540"
                  ></path>
                </svg>
              </div>
              <img
                src="data:image/png;base64,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"
                alt=""
                srcset=""
              />

              <div class="i-title">{{ $t("打新日曆") }}</div>
            </div>
            <!-- favoritesList -->
            <div
              class="item"
              style="margin-left: 10px"
              @click="$router.push('/favoritesList')"
            >
              <div class="icon">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="16"
                  height="16"
                  viewBox="0 0 16 16"
                  fill="none"
                >
                  <path
                    d="M12 1.33398C12.3682 1.33398 12.6667 1.63246 12.6667 2.00065L12.6673 7.68638C11.9595 7.05265 11.0247 6.66732 10 6.66732C7.79088 6.66732 6.00001 8.45818 6.00001 10.6673C6.00001 12.8263 7.84001 14.6673 10 14.6673H4.00001C3.63182 14.6673 3.33334 14.3689 3.33334 14.0007V2.00065C3.33334 1.63246 3.63182 1.33398 4.00001 1.33398H12ZM10 8.00065C11.4727 8.00065 12.6667 9.19458 12.6667 10.6673C12.6667 11.1619 12.5321 11.625 12.2975 12.022L13.7713 13.4957L12.8284 14.4386L11.3547 12.9648C10.9577 13.1994 10.4945 13.334 10 13.334C8.52728 13.334 7.33334 12.14 7.33334 10.6673C7.33334 9.19458 8.52728 8.00065 10 8.00065ZM10 9.33398C9.26361 9.33398 8.66668 9.93092 8.66668 10.6673C8.66668 11.4037 9.26361 12.0007 10 12.0007C10.7364 12.0007 11.3333 11.4037 11.3333 10.6673C11.3333 9.93092 10.7364 9.33398 10 9.33398Z"
                    fill="#B73D48"
                  ></path>
                </svg>
              </div>
              <img
                src="https://essenceinvestment.net/png/icon-investment-market-btn-ipo.Lic6_V6W.png"
                alt=""
                srcset=""
              />

              <div class="i-title">{{ $t("申購記錄") }}</div>
            </div>
          </div>
        </div>
        <!-- <div class="txt_box">
          <div class="txt_box_top">{{ $t("hometips") }}</div>
          <div class="txt_box_box">
            <div class="txt_box_box_left" v-if="userInfo.length == 0">
              $0.00
            </div>
            <div class="txt_box_box_left" v-else>
              ${{ userInfo.totalAssets }}
            </div>
            <div class="txt_box_box_right" @click="gocz">{{ $t("btn1") }}</div>
          </div>
        </div> -->
      </div>
      <!-- <div class="navs">
        <div class="navs_content">
          <div
            v-for="(item, index) in navsArr"
            :key="index"
            @click="goJy(index)"
          >
            <div
              style="
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
              "
            >
              <div class="top_img">
                <div>
                  <img :src="item.img" alt />
                </div>
              </div>
              <div class="bottom_navs">
                <span>{{ item.title }}</span>
              </div>
            </div>
          </div>
        </div>
      </div> -->
      <!-- <van-skeleton title :row="18" :loading="loading" /> -->
      <!--    <div class='btns_box'>
      <div class="btns_box_left">
         <img src="../../assets/img/out.png" style="width: 20px;height: 20px;"/>
         <div class="btns_box_left_txt"></div>
      </div>
      <div class="btns_box_right"></div>
   </div> -->
      <!-- <van-skeleton title :row="18" :loading="loading" /> -->

      <div class="title-box">
        <div class="title">{{ $t("資訊") }}</div>
      </div>
      <div class="news-tab">
        <mt-navbar v-model="news">
          <mt-tab-item id="tab_0">
            <span class="tab-name">{{ $t("hj6") }}</span>
          </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
            v-for="(item, index) in newListHeader"
            :id="item.id"
            :key="index"
          >
            <span class="tab-name">{{ $t(item.title) }}</span>
          </mt-tab-item>
        </mt-navbar>
        <mt-tab-container
@@ -341,11 +176,15 @@
          :swipeable="true"
          style="padding-top: 0.5rem"
        >
          <mt-tab-container-item id="tab_0">
          <mt-tab-container-item
            v-for="(items, index) in newListHeader"
            :id="items.id"
            :key="index"
          >
            <div class="news-content">
              <div
                class=""
                v-for="(item, inde) in newsContent1"
                v-for="(item, inde) in items.data"
                :key="inde"
                @click="
                  $router.push({
@@ -356,7 +195,9 @@
                  })
                "
              >
                <div class="item-times">{{ item.addTime | gettime }}</div>
                <div class="item-times">
                  {{ $moment(item.addTime).format("DD-MM-YYYY hh:mm:ss A") }}
                </div>
                <div
                  class="titContent"
                  style="
@@ -367,54 +208,7 @@
                >
                  {{ item.title }}
                </div>
                <!-- <div class="block-out">
                  <div class="blocks">{{ item.sourceName }}</div>
                </div> -->
                <div class="neitu"><img :src="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.addTime | 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.addTime | gettime }}</div>
                <div class="titContent" style="-webkit-box-orient: vertical">
                  {{ item.title }}
                </div>
              </div>
            </div>
          </mt-tab-container-item>
@@ -431,54 +225,52 @@
import HomeList from "./components/home-list";
import Echart from "./components/echart.vue";
import * as api from "@/axios/api";
import Logo from "@/assets/img/img_log_home.png";
import Searchs from "@/assets/ico/leng.png";
import Service from "@/assets/home/icon_talk.png";
import clear from "@/assets/home/close.png";
import Announcement from "@/assets/img/black_laba.png";
import Tops from "@/assets/home/1.png";
import Rumen from "@/assets/home/2.png";
import Xuexi from "@/assets/home/3.png";
import Guanyu from "@/assets/home/4.png";
import dazong from "@/assets/home/5.png";
import vip from "../../assets/img/app.png";
import vipa from "../../assets/img/huazhuan2.png";
import Huo from "@/assets/home/huo.png";
import banner1 from "@/assets/img/b1.jpg";
import banner2 from "@/assets/img/b2.jpg";
import banner3 from "@/assets/img/b3.jpg";
import caidana from "@/assets/img/caidana.png";
import bangzhu from "@/assets/img/bangzhu.png";
import kefua from "@/assets/img/kefua.png";
import xiazai from "@/assets/img/xiazai.png";
// import indexData from "./data.json";
import GoToLogin from "@/page/home/components/GoLogin.vue";
import { MessageBox } from "mint-ui";
import Language from "@/components/Language/index.vue";
export default {
  components: {
    HomeList,
    AllList,
    GoToLogin,
    Echart,
    Language,
  },
  // onlineService
  props: {},
  data() {
    return {
      Logo,
      Searchs,
      Service,
      clear,
      // 客服地址
      news: "tab_0",
      // 新闻导航
      newListHeader: [
        {
          title: "印度新闻",
          id: "tab_0",
          data: [],
          type: 1,
        },
        // {
        //   title: "马来西亚新闻",
        //   id: "tab_1",
        //   data: [],
        //   type: 2,
        // },
      ],

      // 公告 icon 地址
      Announcement,
      indexData: [],
      Huo,
      is_login: false,
      loading: true,
      close: true,
      proData: [], // 分割好的数据
      currentIndex: 0,
      bannerImgsArr: [
        {
          img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
          img: require("@/assets/img/max.jpg"),
        },
        {
          img: "https://api.trowegroup.com/bs/image/20240305/b923c7645712aeaeb93d660ce846f448.png",
@@ -487,37 +279,17 @@
          img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
        },
      ],
      announcementMess: "20202/10 - 交易时间安排",

      // 公告列表
      artList: [],
      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() {
      return [
        // {
        //     img: Tops,
        //     title: this.$t('yeb')
        //   },
        {
          img: xiazai,
          title: this.$t("hj1461"),
@@ -534,30 +306,14 @@
          img: caidana,
          title: this.$t("caidan"),
        },
        // {
        //   img: Rumen,
        //   title: this.$t('hj2')
        // },
        // {
        //   img: Xuexi,
        //   title: this.$t('hj3')
        // },
        // {
        //   img: Guanyu,
        //   title: this.$t('hj4')
        // },
        // {
        //   img: dazong,
        //   title: this.$t('hj261')
        // },
        // {
        //   img: vipa,
        //   title: this.$t('hj172')
        // }
      ];
    },
  },
  methods: {
    aRouter() {
      window.open(this.onlineService);
    },

    getdialog() {
      MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
        confirmButtonText: this.$t("hj161"),
@@ -565,14 +321,6 @@
      })
        .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;
@@ -683,11 +431,8 @@
      // 获取显示的banner
      let result = await api.getBannerByPlat({ platType: "m" });
      if (result.status === 0) {
        // this.bannerList = result.data
        var ajson = { bannerUrl: this.banner1 };
        this.bannerList.push(ajson);
        console.log(this.banner1);
        // console.log(this.bannerList);
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
@@ -698,6 +443,7 @@
    goOnline() {
      this.$router.push("/service");
    },
    // 获取公告
    async getArtList() {
      let data = await api.getArtList();
      if (data.status === 0) {
@@ -715,93 +461,27 @@
        });
      }
    },
    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);
      this.newListHeader.map((item) => {
        if (item.type === type) {
          item.data = data.data.list;
        }
      });
      this[`newsContent${type}`] = data.data.list;
    },

      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) {
      if (!time) {
        return "";
      }
      var nd = new Date(time);
      var y = nd.getFullYear();
      var mm = nd.getMonth() + 1;
      var d = nd.getDate();
      var h = nd.getHours();
      var m = nd.getMinutes();
      var c = nd.getSeconds();
      if (mm < 10) {
        mm = "0" + mm;
      }
      if (d < 10) {
        d = "0" + d;
      }
      if (h < 10) {
        h = "0" + h;
      }
      if (m < 10) {
        m = "0" + m;
      }
      if (c < 10) {
        c = "0" + c;
      }
      // 17:35:2922-06-2022
      return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
    },
  },
  created() {
    // this.getdialog()
    this.ProcessData();
  },

  mounted() {
    this.getUserInfo();
    this.getInfoSite();
    this.getNewsList(1);
    this.getNewsList(2);
    this.getNewsList(4);
    this.getStock();
    this.getArtList();
    this.getBanner();

@@ -812,10 +492,6 @@
        this.isGoTo = !this.isGoTo;
      }
    }, 10000);

    setTimeout(() => {
      this.loading = false;
    }, 2000);
  },
};
</script>
@@ -1484,6 +1160,22 @@
      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;
@@ -1534,42 +1226,34 @@
    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;
      border-radius: 0.10667rem;
      background: linear-gradient(270deg, #e6ecfb 0%, #f6f7ff 100%);
      height: 1.06667rem;
      width: 49%;
      .icon {
        width: 0.69333rem;
        height: 0.69333rem;
        flex-shrink: 0;
        border-radius: 1.06667rem;
        background: linear-gradient(0deg, #fefffe 0%, #fefffe 100%),
          url(<path-to-image>), lightgray 50% / cover no-repeat;
        box-shadow: 0 0 #1227591a, 0 0.02667rem 0.05333rem #1227591a,
          0 0.08rem 0.08rem #12275917, 0 0.21333rem 0.13333rem #1227590d,
          0 0.37333rem 0.16rem #12275903, 0 0.58667rem 0.16rem #12275900;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0.53333rem;
      justify-content: center;
      color: #fff;
      font-size: 0.4rem;
      font-weight: 500;
      > img {
        width: 30%;
      }

      .i-title {
        color: #061540;
        font-family: PingFang SC;
        font-size: 0.4rem;
        margin: 15px 0;
        font-style: normal;
        font-weight: 500;
        line-height: 0.42667rem;
        margin-left: 0.48rem;
      }
    }
  }
}
.list .item:nth-child(2) {
  border-radius: 0.10667rem;
  background: linear-gradient(270deg, #fbe9e9 0%, #fff8f8 100%);
  background: linear-gradient(rgb(85, 108, 137) 0%, rgb(49, 62, 79) 100%);
}

.title-box {
@@ -1584,4 +1268,7 @@
    line-height: 0.64rem;
  }
}
// /deep/ .van-popup {
//   overflow-y: auto;
// }
</style>