1

jhzh

2025-08-26 42568bdd99cfaadd3f8d9059e5166e2e0b2b26d0

 src/page/home/home.vue

@@ -1,15 +1,13 @@
<template>
  <div class="wrapper">
    <div class="page_content">
      <div style="padding: 0 0.264rem;font-size: 24px;font-weight: 500;">CARLYLEJPY</div>
      <div class="center_tabs">
        <div class="banner_top">
          <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
            <van-swipe-item
              v-for="(item, index) in bannerImgsArr"
              @click="handleBannerClick(index)"
              :key="index"
            >
              <img style="width: 100%; height: 150px" :src="item.img" alt />
            <van-swipe-item style="height: 160px;" v-for="(item, index) in bannerImgsArr"
              @click="handleBannerClick(index)" :key="index">
              <img style=" width: 100%;height: 100%;" :src="item.img" alt />
            </van-swipe-item>
          </van-swipe>
        </div>
@@ -28,10 +26,44 @@
          </div>
        </div>

        <div class="fg"></div>
        <!-- <div class="fg"></div> -->
        <div class="box-1">
          <ul class="menu" style="border-bottom: 0px">
            <li @click="aRouter">
            <li @click="$router.push('/trading-list?type=DZ')">
              <div class="link">
                <div class="icon">
                  <img src="../../assets/home/block_trades.png" alt="" />
                </div>
                <div class="name">{{ $t("hj621") }}</div>
              </div>
            </li>
            <li @click="$router.push('/favorites')">
              <div class="link">
                <div class="icon">
                  <img src="../../assets/home/ipo.png" alt="" />
                </div>
                <div class="name">IPO{{ $t("申购") }}</div>
              </div>
            </li>
            <li @click="$router.push('/smart_intraday')">
              <div class="link">
                <div class="icon">
                  <img src="../../assets/home/stock_recharge.png" alt="" />
                </div>
                <div class="name">{{ $t("智能日内") }}</div>
              </div>
            </li>
            <!-- <li @click="$router.push('/yeb')">
              <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="$router.push('/recharge')">
              <div class="link">
                <div class="icon">
                  <img
@@ -41,76 +73,9 @@
                </div>
                <div class="name">{{ $t("hj256") }}</div>
              </div>
            </li>
            <!-- RechargeSure -->
            <li @click="$router.push('/RechargeSure')">
              <div class="link">
                <div class="icon">
                  <img
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ/SURBVHgB7ZpPctMwFMY/OTBTNmCzC8Mf9wSEEwA3KCeAI7BiC2xZlQ1bygnoDQo3aE8Qd5WZLmov02lj9clNZlxXTuzYemrT95vRNNHIfv709Cy9lwKCIAiCIAiCILhmh1pKTXtq7IzhT2xvglWLsV5muUSbZ60lwD3jAdanlxlfgpMVde88LII3nS6CubehunFjah/RkLu0LS0joxY1Gbgpgg2NtGxMDE9SHTcZ18XDa+3DJ6kezRT+0scYHRiG181PMp3MND48j9ThsutYPWy80IfYGuIB3XuVp9kEj1Md0po4gBuxC2Jjo7BVA5vgRwG+wq3YBfHclhWWGC6WmSr2y96wxPD1ARrbw0gl1etYPJwD38DMDPhs63fu4ZTiaaqKSkmvrPIwfcvOyMvbkcrK/c49PL0qDbFD0xE+tNjukg83gpbzuzazOvxyau2f/HiKtgwCvKU/e+U+5x6mvfE1PKE0RtU+jpdWDE/kFtvOBdPLI4QnlMW28xhuyzqx2gbnHlZXuaoXtMU2Rwwn8ERgse1cMKVsR/CEVriRKjoXTAb+wROzHP+rfc4FbwH7vuL4nGxX+5wLjugsm2v8ATcKe9VztIElWyIP74KbHN9t3V324cZVTMpLwYnW+PnMkgsbNvGXh+RsSf7dRrC3A8QqXryMFx8TWnfvbbG7Dp/g/78AbrTHT0K9++u3pgLA2JSAV4ngDa458xrXAfrLpArPDmvitoyXGDYPtqXxxrxc0BFzjyndq4lYgxcPlzHeNkW+QLX6BTC7oL19QNtdU6Gla28HpnhOp7IdUxKihxrRBLxa5NJGIB1ejun7oTmqUp1sv68XkyAIgiAIfFwCfkkpRuF6ig4AAAAASUVORK5CYII="
                    alt=""
                  />
                </div>
                <div class="name">{{ $t("提款") }}</div>
              </div>
            </li>
            <li @click="aRouter">
              <div class="link">
                <div class="icon">
                  <img
                    src="data:image/png;base64,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"
                    alt=""
                  />
                </div>
                <div class="name">{{ $t("kf") }}</div>
              </div>
            </li>
            <!-- setting -->
            <li @click="$router.push('/setting')">
              <div class="link">
                <div class="icon">
                  <img
                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZeSURBVHgB7VpNbFRVFD7nzQDTEJoZaXWg0D52gCaMCRh3DKAmuuk0EbbUxGAUCEM0EFnQMTExMRhag5J0IW1catLpxoVGO+yMuJhuFFZ91dbWtLETWRTszLue88a273fmvjc/Enhf0mnvffen35zfe+4DCBEiRIgQIR4ZILQJ8bga3xKrZHTAo4iY4T4hRJ4+b1cgUigtahq0AS0l3N3dkxKRSD9tk6Zmus7wAqCYxHKlsLQ0X4QWoamEWYrRWDklhJJBBU+DgDgEgADQ6LMAupis/EPSL2klaBIaJhxPqmoU9QwI7KfVUkFJ1kFBgD7eDNX3TdgsRQWxn6ShSk9GmKYvhuyW1BfYhnXWhDR9SYdklzCkL0j1Uc8vL84VwCekCRuSFOI6KJCWliJCicZOA2K+vApjXqqZpLUrZOOCNYWcmq/1dSiUES/KSl6a8M5k3wzKSXOWvS+iki8/gGIQ++tKqmkEfZDJS2mQgOLyn7PPgwSkCXcl+4THCptSFJBvdnhh6ZcRyEcIDmVHvcYtL85KcQlMmKQ4AopSqKxCU71oLbD/iHRAWiHbF0BRwISWE5bdoFUI+v8o8IThiSMchXbjzaUsoDJkODtQcjCaGIc2ov2EFeX6f39RrNVz9NsgPLMi4lsAMhEFjgoBKVI9VUA1HpNxlnRKOBChWNHh9hpA/sgBFYKg/YStUBdWBCcd2SjCaYOgqHpSs0fifurjtDUVQRiMANyCgPi/CTO7GSIAAtqDx8ZpsabIjHt8vDTC1NyKSNUb1lbCslIICJXse6LeHoEJc5rnZzx7YZYCtBYq72Hs5QE/TmuWfvo2WjEjZDhz6M04a9l03+W/XBfddcm9f29Cgfde7oBTh7c5ns3Pz1nau3v2mJtqhwJD9Pui27ryEkZYMTe36uBuLxxnsfGqx+8rOlz7btX12R82wj1WwnSwgayXaksTRiGmzW0dddV1oICmnZw6O9zPA3d//cXS3tHZ6RjDsd1trjRhgUrR2vYoy6B4gz40aBB7SKWHT253fXbvrpXw4RdedIxRKJFxs2V5G6aqgrXDKL06MdrFNav8epNUa5BUfCMzstvswsdPgV/8/NOPlvb+/QcdY0g3jFSV/hwz90tLuBwjwriprlzu6UruSdebp9evR/vCPVJnu9M64iJhBufl9j5pwiVNKzmlrKTrzYugfEVSBvmJry3t4y+94jkWhdOx+orDVFizHuUEXpCYpkITMfX9t5b2sRPehHWXvX0RXotF8ma15vCzM7l3sNac9SNeMzBJ0jWrM3vnE7Uk7LK3L8JVtcYR2xJD0CbcvDFsaR8n6e7Y0Ql+4Du1jNq8nuG8nunNeo1HWzbWGduMrc/ujoAsvhz/wuGs3j6XrTlHuGSCvgkvUt1ZoLBJGYf4ZsJjimZuDJ/abqSNteKsHZxZ2aXbP/C6I8OyQ7HtzQhUAKhsU3LRh2LzdpBsOQqCY+0xx1gq0iu46S1ffW6r8eMHF86dgfv3/95oc+5cT7oMSo4c166BTkuGLQN+YOtOk2pfd9mgAA3gc5KsPZVksvWky+D6Fzj/n2BYXtBYxwqWTsRsV7LX4sRiFDoRguXXTNbNUWVInWWwZsr41tFQAaAcwwF02AnmzKQTCSzpAnyXYt3IsipfunJVbgGEsX20t7O7QXT3qCmhiynnFafILS/+Zqi9cVSjYp3smm5kOfx8lf9GSpWr28O+XQnnIabhEs/SvFYk7zDgfIK5ncneW+y9eWM6o47UW4sd04WzZxxkGSOfjUqT5b3cyDKaUtNaXtQKAok0Wm0VAamGLKY4G+sAyIFLmFjHHToBncy8Bj/YUkeW7IcfXfM8ILhAe1jdyxVNvQFk9aY4NOF2iS1AjJ0/e3H8rfNZDl8bz5koS/SO7cjHYJsduTEK+w8cBElotNExL+kymn7lWX19QUx53dz39qnau5euqCw5L6IMJjl8Q16NCVpEwMDTCSzWGtSyO96upJojuQbKsznOviORWJhQV7LraOmltvG6Aqky1HhVwQwu1Vx+/6ofFTYcFNusWwhyQ1tu8buT6iDZ8CB4EE/EE9OffHrzkKxj4kSmTLGdjh7DMlK1zW0fqk5Nzxpv51D+TfF7nN/2YS/PBTfKyjJcEuKbQsq/+yzXpQJmqV3kVPUBZVCyEg0RIkSIECFCPDr4FxMsUm9PzRskAAAAAElFTkSuQmCC"
                    alt=""
                  />
                </div>
                <div class="name">{{ $t("安全") }}</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="$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('/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("hj261") }}</div>
              </div>
            </li>
            <li @click="$refs.language.settingDialog = true">
            <!-- RechargeSure -->
            <!-- <li @click="$refs.language.settingDialog = true">
              <div class="links">
                <div class="icon">
                  <img
@@ -123,13 +88,72 @@
                  {{ $t("yy") }}
                </div>
              </div>
            </li>
            </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" />
          <Language ref="language" @onChange="getNewsList" />
        </div>
        <div class="fg"></div>
        <div class="new-stock">
        <div class="custom-swipe">
          <div class="scroll-item" v-for="(item, index) in zslist" :key="index" style="width: 150px;">
            <div class="scroll-item_top">
              <div class="scroll-item_top_left">
                {{ item.name }}
              </div>
              <div class="scroll-item_top_right">{{item.symbol}}</div>
            </div>
            <div style="margin-bottom: 15px;text-align: center;color: #137D68;font-size: 12px;font-weight: bold;">
              {{ item.last }}</div>
            <div style="margin-bottom: 25px;text-align: center;color: #C8302F;font-size: 12px;font-weight: bold;">
              {{ item.chg }}({{item.chgPct}}%)</div>
          </div>
        </div>
        <!-- <div class="fg"></div> -->
        <!-- <tabsList ref="tabsList" /> -->
        <!-- <div class="new-stock">
          <div class="title">{{ $t("hj45") }}</div>
          <div class="list">
            <div class="item" @click="$router.push('/favorites')">
@@ -146,23 +170,20 @@
              style="margin-left: 10px"
              @click="$router.push('/favoritesList')"
            >
              <img
                src="https://essenceinvestment.net/png/icon-investment-market-btn-ipo.Lic6_V6W.png"
                alt=""
                srcset=""
              />
              <img :src="ADFASDF" alt="" srcset="" />

              <div class="i-title">{{ $t("申購記錄") }}</div>
            </div>
          </div>
        </div>
        </div> -->
      </div>

      <div class="title-box">

      <!-- <div class="title-box">
        <div class="title">{{ $t("資訊") }}</div>
      </div>
      </div> -->
      <div class="news-tab">
        <mt-navbar v-model="news">
        <!-- <mt-navbar v-model="news">
          <mt-tab-item
            v-for="(item, index) in newListHeader"
            :id="item.id"
@@ -170,43 +191,37 @@
          >
            <span class="tab-name">{{ $t(item.title) }}</span>
          </mt-tab-item>
        </mt-navbar>
        <mt-tab-container
          v-model="news"
          :swipeable="true"
          style="padding-top: 0.5rem"
        >
          <mt-tab-container-item
            v-for="(items, index) in newListHeader"
            :id="items.id"
            :key="index"
          >
        </mt-navbar> -->
        <div class="title-box">
          <div class="title">{{ $t("資訊") }}</div>
        </div>
        <mt-tab-container v-model="news" :swipeable="true">
          <mt-tab-container-item v-for="(items, index) in newListHeader" :id="items.id" :key="index">
            <div class="news-content">
              <div
                class=""
                v-for="(item, inde) in items.data"
                :key="inde"
                @click="
                style="display: flex;align-items: normal;border-bottom:1px solid #cacaca;padding-bottom: 10px;margin-top:10px;justify-content: space-between;"
                class="" v-for="(item, inde) in items.data" :key="inde" @click="
                  $router.push({
                    path: '/newPage',
                    query: {
                      listid: item.id,
                    },
                      listid: item.id
                    }
                  })
                "
              >
                <div class="item-times">
                  {{ $moment(item.addTime).format("DD-MM-YYYY hh:mm:ss A") }}
                </div>
                <div
                  class="titContent"
                  style="
                    -webkit-box-orient: vertical;
                    font-size: 0.38rem;
                    margin-top: 0.2rem;
                  "
                >
                  {{ item.title }}
                ">
                <div style="display: flex;
    flex-direction: column;
    justify-content: space-between;">
                  <div class="titContent" style="
                     -webkit-box-orient: vertical;
                     font-size: 0.38rem;
                     margin-top: 0.2rem;
                     margin-bottom: 20px;
                   ">
                    {{ item.title }}
                  </div>
                  <div class="item-times">
                    {{ item.showTime | gettime }}
                  </div>
                </div>
                <div class="neitu"><img :src="item.imgurl" /></div>
              </div>
@@ -218,529 +233,460 @@
    </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 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";
export default {
  components: {
    HomeList,
    AllList,
    GoToLogin,
    Echart,
    Language,
  },
  // onlineService
  props: {},
  data() {
    return {
      // 客服地址
      news: "tab_0",
      // 新闻导航
      newListHeader: [
        {
          title: "印度新闻",
          id: "tab_0",
          data: [],
          type: 1,
        },
        // {
        //   title: "马来西亚新闻",
        //   id: "tab_1",
        //   data: [],
        //   type: 2,
        // },
      ],
  import AllList from "@/page/list/list-all";
  import HomeList from "./components/home-list";
  import Echart from "./components/echart.vue";
  import * as api from "@/axios/api";
  import Announcement from "@/assets/img/black_laba.png";
  import caidana from "@/assets/img/caidana.png";
  import bangzhu from "@/assets/img/bangzhu.png";
  import kefua from "@/assets/img/kefua.png";
  import ADFASDF from "@/assets/img/20240711-160804.jpg";
  import xiazai from "@/assets/img/xiazai.png";
  import GoToLogin from "@/page/home/components/GoLogin.vue";
  import {
    MessageBox
  } from "mint-ui";
  import Language from "@/components/Language/index.vue";
  import tabsList from "@/page/list/tradingList/tabs";

      // 公告 icon 地址
      Announcement,
      close: true,
      proData: [], // 分割好的数据
      currentIndex: 0,
      bannerImgsArr: [
        {
          img: require("@/assets/img/max.jpg"),
        },
        {
          img: "https://api.trowegroup.com/bs/image/20240305/b923c7645712aeaeb93d660ce846f448.png",
        },
        {
          img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
        },
      ],
      // 公告列表
      artList: [],
      onlineService: "",
      isGoTo: false,
      bannerList: [],
      userInfo: [],
    };
  },
  computed: {
    navsArr() {
      return [
        {
          img: xiazai,
          title: this.$t("hj1461"),
        },
        {
          img: kefua,
          title: this.$t("kf"),
        },
        {
          img: bangzhu,
          title: this.$t("bz"),
        },
        {
          img: caidana,
          title: this.$t("caidan"),
        },
      ];
  export default {
    components: {
      tabsList,
      HomeList,
      AllList,
      GoToLogin,
      Echart,
      Language
    },
  },
  methods: {
    aRouter() {
      window.open(this.onlineService);
    },
    // onlineService
    props: {},
    data() {
      return {
        isshow: true,
        // 客服地址
        news: "tab_0",
        // 新闻导航
        newListHeader: [{
            title: this.$t("hj6"),
            id: "tab_0",
            data: [],
            type: 1
          }
          // {
          //   title: "马来西亚新闻",
          //   id: "tab_1",
          //   data: [],
          //   type: 2,
          // },
        ],

    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')
        // 公告 icon 地址
        Announcement,
        ADFASDF,
        close: true,
        intervalId: null,
        proData: [], // 分割好的数据
        currentIndex: 0,
        bannerImgsArr: [{
            img: require("@/assets/img/11111.png")
          },
          {
            img: require("@/assets/img/22222.png")
          }
          // {
          //   img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
          // },
        ],
        // 公告列表
        artList: [],

          break;
        case 5:
          // this.$router.push('/SubDK')
          this.$router.push("/wallet");
          break;
        default:
          break;
      }
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55]);
        onlineService: "123123",
        zslist: [],
        isGoTo: false,
        bannerList: [],
        userInfo: []
      };
    },
    computed: {
      navsArr() {
        return [{
            img: xiazai,
            title: this.$t("hj1461")
          },
          {
            img: kefua,
            title: this.$t("kf")
          },
          {
            img: bangzhu,
            title: this.$t("bz")
          },
          {
            img: caidana,
            title: this.$t("caidan")
          }
        ];
      }
    },
    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;
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
        });
      }
    },

    // 获取新闻列表
    async getNewsList(type) {
      let data = await api.queryNewsList(type);
      this.newListHeader.map((item) => {
        if (item.type === type) {
          item.data = data.data.list;
    filters: {
      gettime(time) {
        if (!time) {
          return "";
        }
      });
      this[`newsContent${type}`] = data.data.list;
    },

    handleSearchClick() {
      this.$router.push({ path: "/trading-list", query: { type: 1 } });
    },
  },

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

    setInterval(() => {
      if (window.localStorage.getItem("USERTOKEN")) {
        this.isGoTo = false;
      } else {
        this.isGoTo = !this.isGoTo;
        var nd = new Date(time);
        var y = nd.getFullYear();
        var mm = nd.getMonth() + 1;
        var d = nd.getDate();
        var h = nd.getHours();
        var m = nd.getMinutes();
        var c = nd.getSeconds();
        if (mm < 10) {
          mm = "0" + mm;
        }
        if (d < 10) {
          d = "0" + d;
        }
        if (h < 10) {
          h = "0" + h;
        }
        if (m < 10) {
          m = "0" + m;
        }
        if (c < 10) {
          c = "0" + c;
        }
        // 17:35:2922-06-2022
        return d + "-" + mm + "-" + y + " " + h + ":" + m + ":" + c;
      }
    }, 10000);
  },
};
    },
    methods: {
       async getrglist() {
        // 获取指数
        let data = await api.getIndexData();
        if (data.status === 0) {
          this.zslist = data.data
        } else {}
      },
      closeclick() {
        this.isshow = false;
      },
      aRouter() {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: this.$t("当前充值渠道已关闭请选择在线客服进行充值。")
        });
        // window.open(this.onlineService);
      },
      aRouter1() {
        // window.open('https://chatlink.wchatlink.com/widget/standalone.html?eid=139eb5679d5a9aea0650dbb3c96ca1a2&language=en');
        window.open(this.onlineService);
      },

      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]);
        }
      },
       getBanner() {
        // 获取显示的banner
        let result =  api.getBannerByPlat({
          platType: "m"
        });
        if (result.status === 0) {
          var ajson = {
            bannerUrl: this.banner1
          };
          this.bannerList.push(ajson);
        } else {
          // this.$store.commit("elAlertShow", {
          //   elAlertShow: true,
          //   elAlertText: result.msg
          // });
        }
      },
      goOnline() {
        this.$router.push("/service");
      },
      // 获取公告
      async getArtList() {
        let data = await api.getArtList();
        if (data.status === 0) {
          this.artList = data.data.list[0];
        }
      },
      async getInfoSite() {
        let data = await api.getInfoSite();
        if (data.status === 0) {
          this.onlineService = data.data.onlineService;
          console.log(this.onlineService, "this.onlineService");
        } else {
          this.$store.commit("elAlertShow", {
            elAlertShow: true,
            elAlertText: data.msg
          });
        }
      },
       startPolling(){
         this.intervalId = setInterval(() => {
            this.getrglist();
        }, 5000); // 每 5 秒轮询一次
      },
       stopPolling() {
        if (this.intervalId) {
          clearInterval(this.intervalId);
          this.intervalId = null;
        }
      },
      // 获取新闻列表
      async getNewsList(type) {
        if (typeof type == "string") type = 1;
        let data = await api.queryNewsList(type);
        // this.isshow = true
        this.newListHeader.map(item => {
          if (item.type === type) {
            item.data = data.data.list;
          }
        });
        this[`newsContent${type}`] = data.data.list;
      },

      handleSearchClick() {
        this.$router.push({
          path: "/trading-list",
          query: {
            type: 1
          }
        });
      }
    },
     beforeDestroy() {
       this.stopPolling()
    },
     mounted() {
       this.startPolling();
      this.getUserInfo();
      this.getrglist();
      // this.getrglist()
      this.getInfoSite();
       this.getNewsList(1);
      this.getArtList();
      this.getBanner();
      setInterval(() => {
        if (window.localStorage.getItem("USERTOKEN")) {
          this.isGoTo = false;
        } else {
          this.isGoTo = !this.isGoTo;
        }
      }, 10000);
    }
  };
</script>
<style lang="less" scoped>
.navs {
  width: 100%;
  height: 2.6154rem;

  display: flex;
  justify-content: center;

  > .navs_content {
    position: relative;
    overflow: hidden;
    width: 87%;
    height: 100%;
    margin: 20px auto;
    // border-radius: 0.2564rem;
    display: flex;
    justify-content: space-between;

    > .chacha {
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      background-color: rgb(210, 210, 212);
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      right: -0.4rem;
      top: -0.4rem;

      > div {
        width: 0.3554rem;
        height: 0.3554rem;
        margin-top: 0.3rem;
        margin-left: 0.15rem;

        > img {
          width: 100%;
          height: 100%;
        }
      }
    }

    > div {
      width: 20%;
      height: 100%;
      display: flex;
      align-items: center;

      > div {
        width: 100%;
        height: 60%;

        > .top_img {
          width: 0.903704rem;
          height: 0.803704rem;
          display: flex;
          align-items: center;
          justify-content: center;

          > div {
            width: 0.9718rem;
            height: 0.9718rem;

            > img {
              width: 100%;
              height: 100%;
            }
          }
        }

        > .bottom_navs {
          width: 100%;
          height: 30%;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 0.33rem;
          margin-top: 0.15rem;
        }
      }
    }
  /deep/.header-box {
    display: none;
  }
}
.txt_box_box_right {
  color: #fff;
  background: #409eff;
  text-align: center;
  padding: 10px 15px;
  border-radius: 6px;
}
.txt_box_box_left {
  margin: 10px 0;
  font-size: 30px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis /* 显示省略符号 (...) */;
}
.txt_box_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.txt_box_top {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.txt_box {
  width: 95%;
  margin-left: 2.5%;
  display: flex;
  flex-direction: column;
  background: linear-gradient(270deg, #fff, #f2ecfd);
  border: 1px solid #dcdfe9;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 12px;
  margin-top: 10px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
}
.wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding-top: 0.3128rem;

  .page_content {
    width: 100%;
    height: 100%;
  /deep/.asiis {
    display: none;
  }
}

.top_logo {
  width: 100%;
  height: 0.7949rem;
  display: flex;
  padding-right: 0.3rem;
  > div {
    width: 50%;
    height: 100%;
  .horizontal-scroll-container::-webkit-scrollbar {
    display: none;
    /* 对于 Webkit 浏览器（如 Chrome, Safari）隐藏滚动条 */
  }

  .scroll-item_top_right {
    width: 30%;
    font-size: 12px;
    font-weight: 700;
    color: #ababab;
  }

  .scroll-item_top_left {
    width: 70%;
    font-size: .373333rem;
    font-weight: 700;
    color: #137D68;
  }

  .scroll-item_top {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }

  .img_logo {
    font-size: 20px;
    font-family: AlibabaSansVietBold;
    font-weight: 600;
    color: #333333;
    margin-left: 0.3846rem;
  .scroll-item {
    display: inline-block;
    /* 横向排列每个项 */
    min-width: 225px;
    /* 每个项的宽度 */
    height: 160px;
    /* 每个项的高度 */
    background-color: #F5EDEC;
    /* 背景色 */
    margin-left: 20px;
    /* 项之间的间距 */
    // line-height: 100px; /* 垂直居中 */

    > img {
      width: 100%;
      height: 100%;
    }
    border-radius: 5px;
    /* 圆角 */
    padding: .32rem .213333rem;
  }

  .right_search {
    justify-content: flex-end;
    width: 50%;
    > div {
      width: 34%;
      height: 0.4615rem;
      display: flex;
      justify-content: space-between;

      > div {
        width: 0.5615rem;
        height: 0.5615rem;

        > img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.center_tabs {
  width: 100%;
  height: auto;
  margin-top: 0.2308rem;

  > .banner_top {
  .custom-swipe {
    width: 100%;

    img {
      width: 100%;
      height: 100%;
    }

    .van-swipe-item {
      // height: 3.0615rem;
      padding: 0 0.264rem;
      border-radius: 0.3rem;
    }

    .van-swipe-item img {
      border-radius: 0.3rem;
    }
  }

  > .announcement {
    width: 100%;
    height: auto;
    height: 180px;
    /* 每个项的高度 */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem 0 0.2rem 0;

    > .an_content {
      width: 95%;
      height: 0.559rem;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .an_left_icon {
        width: 4%;
        height: 70%;
        display: flex;
        align-items: center;

        > img {
          width: 100%;
          height: 100%;
        }
      }

      .an_right_message {
        width: 93%;
        height: 100%;
        line-height: 0.559rem;
        align-items: center;
        align-content: center;
        font-size: 0.29rem;
        white-space: nowrap;
        overflow: hidden;
        // text-overflow:ellipsis;
      }
    }
    overflow-x: auto;
    /* 启用横向滚动 */
    white-space: nowrap;
    /* 保证子项不换行 */
    scrollbar-width: none;
  }

  .navs {
@@ -750,7 +696,7 @@
    display: flex;
    justify-content: center;

    > .navs_content {
    >.navs_content {
      position: relative;
      overflow: hidden;
      width: 87%;
@@ -760,7 +706,7 @@
      display: flex;
      justify-content: space-between;

      > .chacha {
      >.chacha {
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
@@ -772,48 +718,48 @@
        right: -0.4rem;
        top: -0.4rem;

        > div {
        >div {
          width: 0.3554rem;
          height: 0.3554rem;
          margin-top: 0.3rem;
          margin-left: 0.15rem;

          > img {
          >img {
            width: 100%;
            height: 100%;
          }
        }
      }

      > div {
      >div {
        width: 20%;
        height: 100%;
        display: flex;
        align-items: center;

        > div {
        >div {
          width: 100%;
          height: 60%;

          > .top_img {
          >.top_img {
            width: 0.903704rem;
            height: 0.803704rem;
            display: flex;
            align-items: center;
            justify-content: center;

            > div {
            >div {
              width: 0.9718rem;
              height: 0.9718rem;

              > img {
              >img {
                width: 100%;
                height: 100%;
              }
            }
          }

          > .bottom_navs {
          >.bottom_navs {
            width: 100%;
            height: 30%;
            display: flex;
@@ -827,449 +773,735 @@
    }
  }

  .focus_on {
    width: 100%;
    height: 6.4231rem;
    margin-top: 0.2564rem;
  .txt_box_box_right {
    color: #fff;
    background: #409eff;
    text-align: center;
    padding: 10px 15px;
    border-radius: 6px;
  }

  .txt_box_box_left {
    margin: 10px 0;
    font-size: 30px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
      /* 显示省略符号 (...) */
    ;
  }

  .txt_box_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

    .fo_content {
      width: 95%;
      height: 100%;
      padding: 0 0.2564rem;
      border-radius: 0.2564rem;
      padding-top: 0.2rem;
  .txt_box_top {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

      .top_title {
        width: 100%;
        height: 0.8821rem;
        display: flex;
        font-size: 0.4rem;
        font-weight: 800;
        align-items: center;
      }
    }
  .txt_box {
    width: 95%;
    margin-left: 2.5%;
    display: flex;
    flex-direction: column;
    background: linear-gradient(270deg, #fff, #f2ecfd);
    border: 1px solid #dcdfe9;
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 12px;
    margin-top: 10px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
  }

    /deep/.van-swipe__indicators {
      bottom: 0.1rem;
    }
  .wrapper {
    width: 100%;
    height: 100%;
    background-color: #F8FAF9;
    padding-top: 0.3128rem;

    /deep/.van-swipe__indicator {
      background-color: #2d8cf0 !important;
      opacity: 1;
    }

    /deep/.van-swipe__indicator--active {
      width: 0.35rem !important;
      border-radius: 0.23rem;
      background-color: #aec7ec !important;
    }

    .fo_banner {
    .page_content {
      width: 100%;
      height: calc(100% - 0.8821rem - 0.3rem);
      height: 100%;
    }
  }

  .item_cont {
  .top_logo {
    width: 100%;
    height: 1.5385rem;
    border-bottom: 0.5px solid #ececec;
    position: relative;
    border: none;
    height: 0.7949rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-right: 0.3rem;

    > div {
      width: 100%;
      height: 30%;
    >div {
      width: 50%;
      height: 100%;
      display: flex;
      align-items: center;
    }

    .top_fo,
    .bottom_fo {
    .img_logo {
      font-size: 20px;
      font-family: AlibabaSansVietBold;
      font-weight: 600;
      color: #333333;
      margin-left: 0.3846rem;

      >img {
        width: 100%;
        height: 100%;
      }
    }

    .right_search {
      justify-content: flex-end;
      width: 50%;

      >div {
        width: 34%;
        height: 0.4615rem;
        display: flex;
        justify-content: space-between;

        >div {
          width: 0.5615rem;
          height: 0.5615rem;

          >img {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }

  .center_tabs {
    width: 100%;
    height: auto;
    margin-top: 0.2308rem;

    >.banner_top {
      width: 100%;
      height: auto;

      img {
        width: 100%;
        height: 100%;
      }

      .van-swipe-item {
        // height: 3.0615rem;
        // padding: 0 0.264rem;
        // border-radius: 0.3rem;
      }

      .van-swipe-item img {
        // border-radius: 0.3rem;
      }
    }

    >.announcement {
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.2rem 0 0.2rem 0;
      background-color: #E8F4F0;

      >.an_content {
        width: 95%;
        height: 0.559rem;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .an_left_icon {
          width: 4%;
          height: 70%;
          display: flex;
          align-items: center;

          >img {
            width: 100%;
            height: 100%;
          }
        }

        .an_right_message {
          width: 93%;
          height: 100%;
          line-height: 0.559rem;
          align-items: center;
          align-content: center;
          font-size: 0.29rem;
          white-space: nowrap;
          overflow: hidden;
          // text-overflow:ellipsis;
        }
      }
    }

    .navs {
      width: 100%;
      height: 2.6154rem;

      display: flex;
      justify-content: center;

      >.navs_content {
        position: relative;
        overflow: hidden;
        width: 87%;
        height: 100%;
        margin: 20px auto;
        // border-radius: 0.2564rem;
        display: flex;
        justify-content: space-between;

        >.chacha {
          width: 1rem;
          height: 1rem;
          border-radius: 100%;
          background-color: rgb(210, 210, 212);
          display: flex;
          justify-content: space-between;
          align-items: center;
          position: absolute;
          right: -0.4rem;
          top: -0.4rem;

          >div {
            width: 0.3554rem;
            height: 0.3554rem;
            margin-top: 0.3rem;
            margin-left: 0.15rem;

            >img {
              width: 100%;
              height: 100%;
            }
          }
        }

        >div {
          width: 20%;
          height: 100%;
          display: flex;
          align-items: center;

          >div {
            width: 100%;
            height: 60%;

            >.top_img {
              width: 0.903704rem;
              height: 0.803704rem;
              display: flex;
              align-items: center;
              justify-content: center;

              >div {
                width: 0.9718rem;
                height: 0.9718rem;

                >img {
                  width: 100%;
                  height: 100%;
                }
              }
            }

            >.bottom_navs {
              width: 100%;
              height: 30%;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 0.33rem;
              margin-top: 0.15rem;
            }
          }
        }
      }
    }

    .focus_on {
      width: 100%;
      height: 6.4231rem;
      margin-top: 0.2564rem;
      display: flex;
      align-items: center;
      justify-content: center;

      .fo_content {
        width: 95%;
        height: 100%;
        padding: 0 0.2564rem;
        border-radius: 0.2564rem;
        padding-top: 0.2rem;

        .top_title {
          width: 100%;
          height: 0.8821rem;
          display: flex;
          font-size: 0.4rem;
          font-weight: 800;
          align-items: center;
        }
      }

      /deep/ .van-swipe__indicators {
        bottom: 0.1rem;
      }

      /deep/ .van-swipe__indicator {
        background-color: #2d8cf0 !important;
        opacity: 1;
      }

      /deep/ .van-swipe__indicator--active {
        width: 0.35rem !important;
        border-radius: 0.23rem;
        background-color: #aec7ec !important;
      }

      .fo_banner {
        width: 100%;
        height: calc(100% - 0.8821rem - 0.3rem);
      }
    }

    .item_cont {
      width: 100%;
      height: 1.5385rem;
      border-bottom: 0.5px solid #ececec;
      position: relative;
      border: none;
      display: flex;
      flex-wrap: wrap;
      align-content: center;

      >div {
        width: 100%;
        height: 30%;
      }

      .top_fo,
      .bottom_fo {
        display: flex;
        justify-content: space-between;

        span {
          display: inline-block;
        }

        .title {
          width: 30%;
          height: 100%;
          display: flex;
          align-items: center;
          font-weight: 500;
        }

        .aikesi {
          width: auto;
          height: 0.3rem;
          background: #dbe3f0;
          color: #546daf;
          padding-left: 0.2rem;
          padding-right: 0.2rem;
          font-size: 0.15rem;
          line-height: 0.3rem;
          margin-right: 0.1rem;
        }

        .numberid {
          font-size: 0.28rem;
          display: flex;

          line-height: 0.5rem;
        }

        .numbers {
          width: 20%;
          height: 100%;
          display: flex;
          align-items: center;
        }

        .point {
          font-size: 0.28rem;
          height: 0.5rem;
          line-height: 0.5rem;
        }

        .percentage {
          width: 20%;
          height: 100%;
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
        }

        .percentage span {
          height: 0.5rem;
          line-height: 0.5rem;
        }
      }

      .top_fo {
        font-size: 0.3846rem !important;
      }

      .bottom_fo {
        margin-top: 0.1rem;
        font-size: 0.1846rem;
        color: #999898;
      }

      .percentage.gree {
        color: green !important;
      }

      .percentage.redd {
        color: red !important;
      }
    }
  }

  .item_conts::after {
    content: "";
    position: absolute;
    bottom: 0;
    background: #ececec;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }

  .my-swipe .van-swipe-item {
    font-size: 0.5128rem;
    // line-height: 3.8462rem;
    text-align: center;
    overflow: hidden;
  }

  .fo_my-swipe .van-swipe-item {
    font-size: 0.5128rem;
    // line-height: 3.8462rem;
    overflow: hidden;
  }

  .fo_my-swipe {
    width: 100%;
    height: 100%;
  }

  .focus_skeleton {
    margin-top: 1rem;
  }

  .van-skeleton__row,
  .van-skeleton__title {
    height: 0.7rem;
  }

  .news-tab {
    width: 95%;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 0.2rem;
    border-radius: 0.4rem 0.4rem 0 0;
    padding-top: 0.3rem;

    /deep/ .is-selected .tab-name {
      position: relative;
    }

    /deep/ .mint-navbar .mint-tab-item.is-selected {
      border: 0 !important;
      border-bottom: none;
    }

    /deep/ .is-selected .tab-name:after {
      position: absolute;
      display: block;
      content: "";
      height: 0.07rem;
      background-color: #1381a4;
      width: 100%;
      left: 0;
      bottom: -0.25rem;
    }
  }

  .news-content {
    position: relative;
    padding: 0.3rem;
    padding-top: 0px;
  }

  .item-out {
    position: relative;
    border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
    padding: 0 0.25rem 1rem 0.25rem;
  }

  .item-out::before {
    content: "●";
    position: absolute;
    top: -0.1rem;
    left: -0.128rem;
    margin: auto;
  }

  .item-times {
    color: #999;
    margin-bottom: 0.15rem;
  }

  .titContent {
    position: relative;
    width: 100%;
    font-size: 0.35rem;
    line-height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
  }

  .neitu {
    // width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.05rem;
    // margin-top: 0.3rem;
    // margin-bottom: 0.8rem;
  }

  .neitu img {
    width: 140px;
    // height: 100%;
    border-radius: 10px;
  }

  .block-out {
    margin-top: 0.2rem;
  }

  .blocks {
    width: auto;
    font-size: 0.32rem;
    padding: 0.08rem 0.15rem 0.08rem 0.15rem;
    display: inline-block;
    border: 0.0513rem solid #41ac75;
    color: #41ac75;
  }

  .animate {
    padding-left: 20px;

    font-size: 0.29rem;

    color: #000;

    display: inline-block;

    white-space: nowrap;

    animation: 10s wordsLoop linear infinite normal;
  }

  @keyframes wordsLoop {
    0% {
      transform: translateX(100%);

      -webkit-transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);

      -webkit-transform: translateX(-100%);
    }
  }

  @-webkit-keyframes wordsLoop {
    0% {
      transform: translateX(100%);

      -webkit-transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);

      -webkit-transform: translateX(-100%);
    }
  }

  .box-1 {
    background: #F8FAF9;
    border-radius: 0.21333rem;
    // margin-top: 0.21333rem;

    .menu {
      padding: 20px;
      margin: ;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      span {
        display: inline-block;
      }

      .title {
      li {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 30%;
        height: 100%;
        display: flex;
        align-items: center;
        font-weight: 500;
      }

      .aikesi {
        width: auto;
        height: 0.3rem;
        background: #dbe3f0;
        color: #546daf;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
        font-size: 0.15rem;
        line-height: 0.3rem;
        margin-right: 0.1rem;
      }

      .numberid {
        font-size: 0.28rem;
        display: flex;

        line-height: 0.5rem;
      }

      .numbers {
        width: 20%;
        height: 100%;
        display: flex;
        align-items: center;
      }

      .point {
        font-size: 0.28rem;
        height: 0.5rem;
        line-height: 0.5rem;
      }

      .percentage {
        width: 20%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        flex-shrink: 0;
        border-radius: 10px;
        padding: 20px;
        background-color: #fff;
        justify-content: center;
      }
        margin-bottom: 0.4rem;

      .percentage span {
        height: 0.5rem;
        line-height: 0.5rem;
        .links {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          color: #fff;

          .name {
            font-family: PingFang SC;
            font-style: normal;
            font-weight: 400;
            font-size: 0.32rem;
            line-height: 0.45333rem;
            color: #14181f;
            text-align: center;
            margin-top: 10px;
          }
        }

        .link {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          color: #fff;

          .icon {
            width: 0.8rem;
            height: 0.8rem;
          }

          img {
            width: 100%;
            height: 100%;
          }

          .name {
            font-family: PingFang SC;
            font-style: normal;
            font-weight: 400;
            font-size: 0.32rem;
            line-height: 0.45333rem;
            color: #14181f;
            text-align: center;
            margin-top: 10px;
          }
        }
      }
    }

    .top_fo {
      font-size: 0.3846rem !important;
    }

    .bottom_fo {
      margin-top: 0.1rem;
      font-size: 0.1846rem;
      color: #999898;
    }

    .percentage.gree {
      color: green !important;
    }

    .percentage.redd {
      color: red !important;
    }
  }
}

.item_conts::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: #ececec;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.my-swipe .van-swipe-item {
  font-size: 0.5128rem;
  // line-height: 3.8462rem;
  text-align: center;
  overflow: hidden;
}

.fo_my-swipe .van-swipe-item {
  font-size: 0.5128rem;
  // line-height: 3.8462rem;
  overflow: hidden;
}

.fo_my-swipe {
  width: 100%;
  height: 100%;
}

.focus_skeleton {
  margin-top: 1rem;
}

.van-skeleton__row,
.van-skeleton__title {
  height: 0.7rem;
}

.news-tab {
  width: 95%;
  position: relative;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 0.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  padding-top: 0.3rem;

  /deep/.is-selected .tab-name {
    position: relative;
  }

  /deep/.mint-navbar .mint-tab-item.is-selected {
    border: 0 !important;
    border-bottom: none;
  }

  /deep/.is-selected .tab-name:after {
    position: absolute;
    display: block;
    content: "";
    height: 0.07rem;
    background-color: #1381a4;
  .fg {
    width: 100%;
    left: 0;
    bottom: -0.25rem;
  }
}

.news-content {
  position: relative;
  padding: 0.3rem;
}

.item-out {
  position: relative;
  border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
  padding: 0 0.25rem 1rem 0.25rem;
}

.item-out::before {
  content: "●";
  position: absolute;
  top: -0.1rem;
  left: -0.128rem;
  margin: auto;
}

.item-times {
  color: #999;
  margin-bottom: 0.15rem;
}

.titContent {
  position: relative;
  width: 100%;
  font-size: 0.35rem;
  line-height: 0.46rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}

.neitu {
  width: 100%;
  border-radius: 0.05rem;
  margin-top: 0.3rem;
  margin-bottom: 0.8rem;
}

.neitu img {
  width: 100%;
  border-radius: 0.05rem;
}

.block-out {
  margin-top: 0.2rem;
}

.blocks {
  width: auto;
  font-size: 0.32rem;
  padding: 0.08rem 0.15rem 0.08rem 0.15rem;
  display: inline-block;
  border: 0.0513rem solid #41ac75;
  color: #41ac75;
}

.animate {
  padding-left: 20px;

  font-size: 0.29rem;

  color: #000;

  display: inline-block;

  white-space: nowrap;

  animation: 10s wordsLoop linear infinite normal;
}

@keyframes wordsLoop {
  0% {
    transform: translateX(100%);

    -webkit-transform: translateX(100%);
    height: 10px;
    background-color: rgb(247, 247, 250);
  }

  100% {
    transform: translateX(-100%);
  .new-stock {
    padding: 0 0.4rem;

    -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;
    .title {
      color: #2c2e3b;
      text-align: justify;
      font-family: PingFang SC;
      font-size: 0.37333rem;
      font-style: normal;
      font-weight: 500;
      > img {
        width: 30%;
      }
      line-height: normal;
      padding-top: 0.26667rem;
    }

      .i-title {
        font-family: PingFang SC;
        margin: 15px 0;
        font-style: normal;
    .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;
        line-height: 0.42667rem;

        >img {
          width: 30%;
        }

        .i-title {
          font-family: PingFang SC;
          margin: 15px 10px;
          font-style: normal;
          text-align: center;
          font-weight: 500;
          line-height: 0.42667rem;
        }
      }
    }
  }
}
.list .item:nth-child(2) {
  background: linear-gradient(rgb(85, 108, 137) 0%, rgb(49, 62, 79) 100%);
}

.title-box {
  padding: 0.26667rem 0.4rem 0;
  margin-bottom: 0.26667rem;
  .title {
    color: #000;
    font-family: PingFang SC;
    font-size: 0.42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.64rem;
  .list .item:nth-child(2) {
    background: #4a5e77;
  }
}
// /deep/ .van-popup {
//   overflow-y: auto;
// }

  .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>