From 91f9b7a3b7dfc4fe6b9b5008cfec4e18dfb6dcd5 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Thu, 28 Mar 2024 13:04:36 +0800
Subject: [PATCH] 注册页面的客服地址错误
---
src/page/home/home.vue | 2162 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 1,556 insertions(+), 606 deletions(-)
diff --git a/src/page/home/home.vue b/src/page/home/home.vue
index 3211ae9..3c5af21 100644
--- a/src/page/home/home.vue
+++ b/src/page/home/home.vue
@@ -1,725 +1,1675 @@
<template>
<div class="wrapper">
<div class="page_content">
- <div class="top_logo">
- <div class="left_logo">
- <div class="img_logo">
- <img :src="Logo" alt />
- </div>
- </div>
- <div class="right_search">
- <div>
- <div class="search_con" @click="handleSearchClick()">
- <img :src="Searchs" alt />
- </div>
- <div class="service_con">
- <img :src="Service" alt />
- </div>
- </div>
- </div>
- </div>
<div class="center_tabs">
<!-- 顶部轮播图 -->
<div class="banner_top">
- <van-skeleton title :row="1" :loading="loading" />
- <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white" v-if="!loading">
- <van-swipe-item v-for="(item, index) in bannerImgsArr" @click="handleBannerClick(index)" :key="index">
- <img :src="item.img" alt />
+ <!-- <van-skeleton title :row="3" :loading="loading" /> -->
+ <van-swipe class="my-swipe" :autoplay="5000" indicator-color="white">
+ <van-swipe-item
+ v-for="(item, index) in bannerImgsArr"
+ @click="handleBannerClick(index)"
+ :key="index"
+ >
+ <img style="width: 100%; height: 150px" :src="item.img" alt />
</van-swipe-item>
</van-swipe>
</div>
<!-- 公告 -->
+ <!-- <van-skeleton title :row="1" :loading="loading" /> -->
<div class="announcement">
- <div class="an_content">
+ <div class="an_content" @click="$router.push('/newGg')">
<div class="an_left_icon">
<img :src="Announcement" alt />
</div>
<div class="an_right_message">
- <span>{{ announcementMess }}</span>
- </div>
- </div>
- </div>
- <!-- 排行入门 -->
- <van-skeleton title :row="2" :loading="loading" />
- <div class="navs" v-if="!loading">
- <div class="navs_content">
- <div v-for="(item, index) in navsArr" :key="index">
- <div>
- <div class="top_img">
- <div>
- <img :src="item.img" alt />
- </div>
- </div>
- <div class="bottom_navs">
- <span>{{ item.title }}</span>
- </div>
+ <div class="animate">
+ {{ artList.artTitle }}
</div>
</div>
</div>
</div>
+
+ <!-- 排行入门 -->
+ <!-- <van-skeleton title :row="2" :loading="loading" /> -->
+
<!-- 最多关注 -->
- <van-skeleton title :row="6" :loading="loading" class="focus_skeleton" />
- <div class="focus_on" v-if="!loading">
- <div class="fo_content">
- <div class="top_title">
- <span>{{ '最多关注' }}</span>
+ <!-- <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">-->
+ <!-- <!– <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> –>-->
+ <!-- <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>-->
+ <!-- <!– <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> –>-->
+
+ <!-- </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">-->
+ <!-- <!– <span class="aikesi">100X</span> –>-->
+ <!-- <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">
+ <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
+ >
+ </li>
+ <!-- RechargeSure -->
+ <li @click="$router.push('/RechargeSure')">
+ <div class="link">
+ <div class="icon">
+ <img
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ/SURBVHgB7ZpPctMwFMY/OTBTNmCzC8Mf9wSEEwA3KCeAI7BiC2xZlQ1bygnoDQo3aE8Qd5WZLmov02lj9clNZlxXTuzYemrT95vRNNHIfv709Cy9lwKCIAiCIAiCILhmh1pKTXtq7IzhT2xvglWLsV5muUSbZ60lwD3jAdanlxlfgpMVde88LII3nS6CubehunFjah/RkLu0LS0joxY1Gbgpgg2NtGxMDE9SHTcZ18XDa+3DJ6kezRT+0scYHRiG181PMp3MND48j9ThsutYPWy80IfYGuIB3XuVp9kEj1Md0po4gBuxC2Jjo7BVA5vgRwG+wq3YBfHclhWWGC6WmSr2y96wxPD1ARrbw0gl1etYPJwD38DMDPhs63fu4ZTiaaqKSkmvrPIwfcvOyMvbkcrK/c49PL0qDbFD0xE+tNjukg83gpbzuzazOvxyau2f/HiKtgwCvKU/e+U+5x6mvfE1PKE0RtU+jpdWDE/kFtvOBdPLI4QnlMW28xhuyzqx2gbnHlZXuaoXtMU2Rwwn8ERgse1cMKVsR/CEVriRKjoXTAb+wROzHP+rfc4FbwH7vuL4nGxX+5wLjugsm2v8ATcKe9VztIElWyIP74KbHN9t3V324cZVTMpLwYnW+PnMkgsbNvGXh+RsSf7dRrC3A8QqXryMFx8TWnfvbbG7Dp/g/78AbrTHT0K9++u3pgLA2JSAV4ngDa458xrXAfrLpArPDmvitoyXGDYPtqXxxrxc0BFzjyndq4lYgxcPlzHeNkW+QLX6BTC7oL19QNtdU6Gla28HpnhOp7IdUxKihxrRBLxa5NJGIB1ejun7oTmqUp1sv68XkyAIgiAIfFwCfkkpRuF6ig4AAAAASUVORK5CYII="
+ alt=""
+ />
+ </div>
+ <div class="name">{{ $t("提款") }}</div>
+ </div>
+ </li>
+ <li>
+ <div class="link">
+ <div class="icon">
+ <img
+ src="data:image/png;base64,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"
+ alt=""
+ />
+ </div>
+ <div class="name">{{ $t("kf") }}</div>
+ </div>
+ </li>
+ <!-- setting -->
+ <li @click="$router.push('/setting')">
+ <div class="link">
+ <div class="icon">
+ <img
+ src="data:image/png;base64,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"
+ alt=""
+ />
+ </div>
+ <div class="name">{{ $t("安全") }}</div>
+ </div>
+ </li>
+ <li @click="$router.push('/setting')">
+ <a href="/help" 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
+ >
+ </li>
+ <li @click="$router.push('/setting')">
+ <a href="/platform" 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">
+ <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
+ >
+ </li>
+ <li @click="settingDialog = true">
+ <a href="#" class="links">
+ <div class="icon">
+ <img
+ :src="language"
+ alt=""
+ style="width: 0.6rem; height: 0.6rem"
+ />
+ </div>
+ <div class="name" style="margin-top: 2px">
+ {{ $t("yy") }}
+ </div>
+ </a>
+ </li>
+ </ul>
+ <van-popup
+ v-model="settingDialog"
+ position="bottom"
+ :style="{ height: '35%' }"
+ @close="popClose"
+ >
+ <div
+ class="lang_box"
+ v-for="(item, index) in actions"
+ :key="index"
+ @click="qkclick(item)"
+ >
+ <div
+ :class="
+ $i18n.locale == item.lang ? 'lang_box_txt' : 'lang_box_txta'
+ "
+ >
+ {{ item.text }}
+ </div>
</div>
- <div class="fo_banner">
- <van-swipe class="fo_my-swipe" :autoplay="0" indicator-color="white" @change="onChange">
- <van-swipe-item v-for="(item, index) in proData" :key="index" style="margin-top: 20px;">
- <div class="item_cont" v-for="(item2, idx) in proData[currentIndex]" :key="idx">
- <div class="top_fo">
- <div class="title">
- <span>{{ item2.f14 }}</span>
- </div>
- <div class="numbers">
- <span>{{ item2.f2 }}</span>
- </div>
- <div class="percentage" :class="item2.f3 > 0 ? 'gree' : 'redd'">
- <span>{{ item2.f3 > 0 ? `+${item2.f3}%` : `${item2.f3}%` }}</span>
- </div>
- </div>
- <div class="bottom_fo">
- <div class="title">
- <span>{{ item2.f12 }}</span>
- <img :src="Huo" alt style="margin-left: 0.12rem;" />
- </div>
- <div class="numbers">
- <span>{{ '04:59:57' }}</span>
- </div>
- <div class="percentage">
- <span></span>
- </div>
- </div>
- </div>
- </van-swipe-item>
- </van-swipe>
+ </van-popup>
+ </div>
+ <div class="fg"></div>
+ <div class="new-stock">
+ <div class="title">{{ $t("hj45") }}</div>
+ <div class="list">
+ <div class="item" @click="$router.push('/favorites')">
+ <div class="icon">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16"
+ fill="none"
+ >
+ <path
+ d="M11.3333 1.99935H14C14.3682 1.99935 14.6666 2.29783 14.6666 2.66602V13.3327C14.6666 13.7009 14.3682 13.9993 14 13.9993H1.99998C1.63179 13.9993 1.33331 13.7009 1.33331 13.3327V2.66602C1.33331 2.29783 1.63179 1.99935 1.99998 1.99935H4.66665V0.666016H5.99998V1.99935H9.99998V0.666016H11.3333V1.99935ZM2.66665 5.99935V12.666H13.3333V5.99935H2.66665ZM3.99998 7.33268H5.33331V8.66602H3.99998V7.33268ZM7.33331 7.33268H8.66665V8.66602H7.33331V7.33268ZM10.6666 7.33268H12V8.66602H10.6666V7.33268Z"
+ fill="#061540"
+ ></path>
+ </svg>
+ </div>
+ <div class="i-title">{{ $t("打新日曆") }}</div>
+ </div>
+ <!-- favoritesList -->
+ <div
+ class="item"
+ style="margin-left: 10px"
+ @click="$router.push('/favoritesList')"
+ >
+ <div class="icon">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16"
+ fill="none"
+ >
+ <path
+ d="M12 1.33398C12.3682 1.33398 12.6667 1.63246 12.6667 2.00065L12.6673 7.68638C11.9595 7.05265 11.0247 6.66732 10 6.66732C7.79088 6.66732 6.00001 8.45818 6.00001 10.6673C6.00001 12.8263 7.84001 14.6673 10 14.6673H4.00001C3.63182 14.6673 3.33334 14.3689 3.33334 14.0007V2.00065C3.33334 1.63246 3.63182 1.33398 4.00001 1.33398H12ZM10 8.00065C11.4727 8.00065 12.6667 9.19458 12.6667 10.6673C12.6667 11.1619 12.5321 11.625 12.2975 12.022L13.7713 13.4957L12.8284 14.4386L11.3547 12.9648C10.9577 13.1994 10.4945 13.334 10 13.334C8.52728 13.334 7.33334 12.14 7.33334 10.6673C7.33334 9.19458 8.52728 8.00065 10 8.00065ZM10 9.33398C9.26361 9.33398 8.66668 9.93092 8.66668 10.6673C8.66668 11.4037 9.26361 12.0007 10 12.0007C10.7364 12.0007 11.3333 11.4037 11.3333 10.6673C11.3333 9.93092 10.7364 9.33398 10 9.33398Z"
+ fill="#B73D48"
+ ></path>
+ </svg>
+ </div>
+ <div class="i-title">{{ $t("申購記錄") }}</div>
</div>
</div>
</div>
+ <!-- <div class="txt_box">
+ <div class="txt_box_top">{{ $t("hometips") }}</div>
+ <div class="txt_box_box">
+ <div class="txt_box_box_left" v-if="userInfo.length == 0">
+ $0.00
+ </div>
+ <div class="txt_box_box_left" v-else>
+ ${{ userInfo.totalAssets }}
+ </div>
+ <div class="txt_box_box_right" @click="gocz">{{ $t("btn1") }}</div>
+ </div>
+ </div> -->
</div>
- <van-skeleton title :row="18" :loading="loading" />
+ <!-- <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">新闻</span>
+ <span class="tab-name">{{ $t("hj6") }}</span>
</mt-tab-item>
<mt-tab-item id="tab_1">
- <span class="tab-name">7×24</span>
+ <span class="tab-name">{{ $t("hj7") }}</span>
</mt-tab-item>
<mt-tab-item id="tab_2">
- <span class="tab-name">经济</span>
+ <span class="tab-name">7×24</span>
</mt-tab-item>
</mt-navbar>
- <mt-tab-container v-model="news" :swipeable="true" style="padding-top: 0.5rem;">
+ <mt-tab-container
+ v-model="news"
+ :swipeable="true"
+ style="padding-top: 0.5rem"
+ >
<mt-tab-container-item id="tab_0">
<div class="news-content">
- <div class="" v-for="(item,inde) in newsContent1" :key="inde" @click="$router.push({path:'/newPage',query:{
- listid:item.id
- }})">
- <div class="item-times">{{item.addTime | gettime}}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;font-size: 0.38rem;margin-top: 0.2rem;">
- {{item.title}}
+ <div
+ class=""
+ v-for="(item, inde) in newsContent1"
+ :key="inde"
+ @click="
+ $router.push({
+ path: '/newPage',
+ query: {
+ listid: item.id,
+ },
+ })
+ "
+ >
+ <div class="item-times">{{ item.addTime | gettime }}</div>
+ <div
+ class="titContent"
+ style="
+ -webkit-box-orient: vertical;
+ font-size: 0.38rem;
+ margin-top: 0.2rem;
+ "
+ >
+ {{ item.title }}
</div>
- <div class="block-out">
- <div class="blocks">{{item.sourceName}}</div>
- </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('/newPage')">
- <div class="item-times">{{item.addTime | gettime}}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{item.title}}</div>
+ <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">
- <div class="item-times">{{item.addTime | gettime}}</div>
- <div class="titContent" style="-webkit-box-orient: vertical;">{{item.title}}</div>
+ <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>
</mt-tab-container>
</div>
+ <div style="width: 100%; height: 100px"></div>
</div>
<!-- tab -->
-
- <GoToLogin />
- <!-- <foot></foot> -->
+ <GoToLogin v-show="isGoTo" />
</div>
</template>
-
<script>
- import foot from "@/components/foot/foot";
- import AllList from "@/page/list/list-all";
- import HomeList from "./components/home-list";
- import {
- Toast
- } from "mint-ui";
- import * as api from "@/axios/api";
- import Logo from "@/assets/img/logo.png";
- import Searchs from "@/assets/img/search.png";
- import Service from "@/assets/img/service.png";
- import Announcement from "@/assets/img/announcement.png";
- import Tops from "@/assets/img/tops.png";
- import Rumen from "@/assets/img/rumen.png";
- import Xuexi from "@/assets/img/xuexi.png";
- import Guanyu from "@/assets/img/guanyu.png";
- import Huo from "@/assets/img/huo.png";
- import banner1 from "@/assets/img/b1.png";
- import banner2 from "@/assets/img/b2.png";
- import banner3 from "@/assets/img/b3.png";
- import indexData from "./data.json";
- import GoToLogin from '@/page/home/components/GoLogin.vue';
+import AllList from "@/page/list/list-all";
+import HomeList from "./components/home-list";
+import Echart from "./components/echart.vue";
+import * as api from "@/axios/api";
+import Logo from "@/assets/img/img_log_home.png";
+import Searchs from "@/assets/ico/leng.png";
+import Service from "@/assets/home/icon_talk.png";
+import clear from "@/assets/home/close.png";
+import Announcement from "@/assets/img/black_laba.png";
+import Tops from "@/assets/home/1.png";
+import Rumen from "@/assets/home/2.png";
+import Xuexi from "@/assets/home/3.png";
+import Guanyu from "@/assets/home/4.png";
+import dazong from "@/assets/home/5.png";
+import vip from "../../assets/img/app.png";
+import vipa from "../../assets/img/huazhuan2.png";
+import Huo from "@/assets/home/huo.png";
+import language from "@/assets/img/language.png";
+import banner2 from "@/assets/img/b2.jpg";
+import banner3 from "@/assets/img/b3.jpg";
+import caidana from "@/assets/img/caidana.png";
+import bangzhu from "@/assets/img/bangzhu.png";
+import kefua from "@/assets/img/kefua.png";
+import xiazai from "@/assets/img/xiazai.png";
+// import indexData from "./data.json";
+import GoToLogin from "@/page/home/components/GoLogin.vue";
+import { MessageBox } from "mint-ui";
+export default {
+ components: {
+ HomeList,
+ AllList,
+ GoToLogin,
+ Echart,
+ },
+ props: {},
+ data() {
+ return {
+ settingDialog: 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/india.png"), lang: "hy" },
+ {
+ text: "ภาษาไทย",
+ icon: require("@/assets/ico/india.png"),
+ lang: "ty",
+ },
+ {
+ text: "日本語にほんご",
+ icon: require("@/assets/ico/india.png"),
+ lang: "ry",
+ },
- export default {
- components: {
- foot,
- HomeList,
- AllList,
- GoToLogin,
+ { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" },
+ ],
+ language,
+ Logo,
+ Searchs,
+ Service,
+ clear,
+ 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: "https://api.trowegroup.com/bs/image/20240305/b923c7645712aeaeb93d660ce846f448.png",
+ },
+ {
+ img: "https://api.trowegroup.com/bs/image/20240305/06eb4602ba7b3e570ccd70c0415884ec.png",
+ },
+ ],
+ announcementMess: "20202/10 - 交易时间安排",
+
+ artList: [],
+ news: "tab_0",
+ newsContent1: [],
+ newsContent2: [],
+ newsContent3: [],
+ newsContent4: [],
+ onlineService: "",
+ isGoTo: false,
+ bannerList: [],
+ userInfo: [],
+ showPopover: false,
+ };
+ },
+ computed: {
+ navsArr() {
+ return [
+ // {
+ // img: Tops,
+ // title: this.$t('yeb')
+ // },
+ {
+ img: xiazai,
+ title: this.$t("hj1461"),
+ },
+ {
+ img: kefua,
+ title: this.$t("kf"),
+ },
+ {
+ img: bangzhu,
+ title: this.$t("bz"),
+ },
+ {
+ img: caidana,
+ title: this.$t("caidan"),
+ },
+ // {
+ // img: Rumen,
+ // title: this.$t('hj2')
+ // },
+ // {
+ // img: Xuexi,
+ // title: this.$t('hj3')
+ // },
+ // {
+ // img: Guanyu,
+ // title: this.$t('hj4')
+ // },
+ // {
+ // img: dazong,
+ // title: this.$t('hj261')
+ // },
+ // {
+ // img: vipa,
+ // title: this.$t('hj172')
+ // }
+ ];
},
- props: {},
- data() {
- return {
- Logo,
- Searchs,
- Service,
- Announcement,
- indexData,
- Huo,
- is_login: false,
- loading: true,
- proData: [], // 分割好的数据
- currentIndex: 0,
- bannerImgsArr: [{
- img: banner1
- }, {
- img: banner2
- }, {
- img: banner3
- }],
- announcementMess: "20202/10 - 交易时间安排",
- navsArr: [{
- img: Tops,
- title: "涨跌排行"
- },
- {
- img: Rumen,
- title: "快速入门"
- },
- {
- img: Xuexi,
- title: "进阶学习"
- },
- {
- img: Guanyu,
- title: "关于 Mitrade"
- }
- ],
- news: "tab_0",
- newsContent1: [],
- newsContent2: [],
- newsContent3: [],
- newsContent4: [],
- };
+ },
+ methods: {
+ qkclick(e) {
+ this.settingDialog = false;
+ window.localStorage.setItem("language", e.lang);
+ this.$i18n.locale = e.lang;
+ this.language = e.text;
},
- methods: {
- async getNewsList(type) {
- let data = await api.queryNewsList(type);
- console.log('xinwen:', data)
- 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 => {
- console.log(item.f14);
+ popClose() {
+ this.settingDialog = false;
+ },
+ getdialog() {
+ MessageBox.confirm(this.$t("hj252"), this.$t("hj165"), {
+ confirmButtonText: this.$t("hj161"),
+ cancelButtonText: this.$t("hj106"),
+ })
+ .then(async () => {})
+ .catch(() => {});
+ // MessageBox.confirm('老号被盗请勿转账,请认准新tg：@BEINL2', this.$t('hj165'), {
+ // confirmButtonText: this.$t('hj161'),
+ // cancelButtonText: this.$t('hj106'),
+ // }).then(async () => {
+
+ // }).catch(() => {
+
+ // });
+ },
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem("language", e.lang);
+ },
+ async getUserInfo() {
+ // 获取用户信息
+ let data = await api.getUserInfo();
+ if (data.status === 0) {
+ // 判断是否登录
+ this.$store.state.userInfo = data.data;
+ this.userInfo = data.data;
+ } else {
+ }
+ },
+ getHuo() {
+ // 123随机
+ var num = Math.floor(Math.random() * 3 + 1);
+ return num;
+ },
+ // 构造随机数列表 50 100 200
+ getNum1(num) {
+ if (num === 1) {
+ return 50;
+ } else if (num === 2) {
+ return 100;
+ } else if (num >= 3) {
+ return 200;
+ }
+ },
+ goDetail(item) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ this.$router.push({
+ path: "/kline",
+ query: {
+ name: item.name,
+ stockplate: item.stock_plate,
+ code: item.symbol.substring(2, item.symbol.length),
+ type: item.market,
+ sok: this.filterSH(item.market),
+ if_zhishu: "0",
+ },
+ });
+ },
+ filterSH(val) {
+ if (val === "sh") {
+ return 1;
+ } else if (val === "bj" || val === "sz") {
+ return 0;
+ }
+ },
+ gocz() {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ } else {
+ this.$router.push("/wallet");
+ }
+ },
+ goJy(index) {
+ if (this.userInfo.length === 0) {
+ this.$store.commit("dialogVisible", true);
+ return;
+ }
+ switch (index) {
+ // case 0:
+ // this.$router.push('/yeb')
+ // break
+ case 0:
+ this.$router.push("/download");
+ // this.$router.push('/warehouse')
+ break;
+ case 1:
+ // this.$router.push({ path: '/trading-list', query: { listid: 5 } })
+ this.$router.push("/new_service");
+ // window.location.href = this.onlineService
+ break;
+ case 2:
+ this.$router.push("/help");
+ break;
+ // case 3:
+ // this.$router.push('/Subscription?idx=1')
+ // break
+ case 3:
+ // this.$router.push('/Subscription?idx=1')
+ this.$router.push({ path: "/trading-list", query: { indexid: 3 } });
+ break;
+ case 4:
+ // this.$router.push('/SubDK')
+
+ break;
+ case 5:
+ // this.$router.push('/SubDK')
+ this.$router.push("/wallet");
+ break;
+ default:
+ break;
+ }
+ if (navigator.vibrate) {
+ // 支持
+ navigator.vibrate([55]);
+ }
+ },
+ async getBanner() {
+ // 获取显示的banner
+ let result = await api.getBannerByPlat({ platType: "m" });
+ if (result.status === 0) {
+ // 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,
+ elAlertText: result.msg,
});
- },
- handleSearchClick() {
- this.loading = !this.loading;
}
},
- 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;
+ goOnline() {
+ this.$router.push("/service");
+ },
+ async getArtList() {
+ let data = await api.getArtList();
+ if (data.status === 0) {
+ this.artList = data.data.list[0];
}
},
- created() {
- this.ProcessData();
+ 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,
+ });
+ }
},
- mounted() {
- this.getNewsList(1);
- this.getNewsList(2);
- this.getNewsList(4);
- setTimeout(() => {
- this.loading = false
- }, 1000)
- }
- };
+ async getStock() {
+ let data = await api.getIndexMarket();
+ for (var i = 0; i < data.data.result.data.length; i += 3) {
+ this.proData.push(data.data.result.data.slice(i, i + 3));
+ }
+ },
+ async getNewsList(type) {
+ let data = await api.queryNewsList(type);
+
+ switch (type) {
+ case 1:
+ this.newsContent1 = data.data.list;
+ break;
+ case 2:
+ this.newsContent2 = data.data.list;
+ break;
+ case 3:
+ this.newsContent3 = data.data.list;
+ break;
+ case 4:
+ this.newsContent4 = data.data.list;
+ break;
+ case 5:
+ this.newsContent5 = data.data.list;
+ break;
+ }
+ },
+ handleBannerClick(ind) {
+ // console.log(ind);
+ },
+ ProcessData() {
+ // 把数据分割成三等份
+ // for (var i = 0; i < this.indexData.data.diff.length; i += 3) {
+ // this.proData.push(this.indexData.data.diff.slice(i, i + 3));
+ // }
+ },
+ onChange(index) {
+ this.currentIndex = index;
+ this.proData[index].forEach((item) => {});
+ },
+ handleSearchClick() {
+ // this.loading = !this.loading;
+ this.$router.push({ path: "/trading-list", query: { type: 1 } });
+ },
+ },
+ filters: {
+ gettime(time) {
+ 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();
+
+ setInterval(() => {
+ if (window.localStorage.getItem("USERTOKEN")) {
+ this.isGoTo = false;
+ } else {
+ this.isGoTo = !this.isGoTo;
+ }
+ }, 10000);
+
+ setTimeout(() => {
+ this.loading = false;
+ }, 2000);
+ },
+};
</script>
<style lang="less" scoped>
- .wrapper {
+.navs {
+ width: 100%;
+ height: 2.6154rem;
+
+ display: flex;
+ justify-content: center;
+
+ > .navs_content {
+ position: relative;
+ overflow: hidden;
+ width: 87%;
+ height: 100%;
+ margin: 20px auto;
+ // border-radius: 0.2564rem;
+ display: flex;
+ justify-content: space-between;
+
+ > .chacha {
+ width: 1rem;
+ height: 1rem;
+ border-radius: 100%;
+ background-color: rgb(210, 210, 212);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: absolute;
+ right: -0.4rem;
+ top: -0.4rem;
+
+ > div {
+ width: 0.3554rem;
+ height: 0.3554rem;
+ margin-top: 0.3rem;
+ margin-left: 0.15rem;
+
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ > div {
+ width: 20%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+
+ > div {
+ width: 100%;
+ height: 60%;
+
+ > .top_img {
+ width: 0.903704rem;
+ height: 0.803704rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ > div {
+ width: 0.9718rem;
+ height: 0.9718rem;
+
+ > img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ }
+
+ > .bottom_navs {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.33rem;
+ margin-top: 0.15rem;
+ }
+ }
+ }
+ }
+}
+.txt_box_box_right {
+ color: #fff;
+ background: #409eff;
+ text-align: center;
+ padding: 10px 15px;
+ border-radius: 6px;
+}
+.txt_box_box_left {
+ margin: 10px 0;
+ font-size: 30px;
+ font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis /* 显示省略符号 (...) */;
+}
+.txt_box_box {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 20px;
+}
+.txt_box_top {
+ font-size: 12px;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+.txt_box {
+ width: 95%;
+ margin-left: 2.5%;
+ display: flex;
+ flex-direction: column;
+ background: linear-gradient(270deg, #fff, #f2ecfd);
+ border: 1px solid #dcdfe9;
+ border-radius: 6px;
+ padding: 10px 20px;
+ font-size: 12px;
+ margin-top: 10px;
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
+}
+.wrapper {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
+ padding-top: 0.3128rem;
+
+ .page_content {
width: 100%;
height: 100%;
- background: rgb(33, 33, 43);
- // background: #010101;
- // overflow: hidden;
- padding-top: .3128rem;
+ }
+}
- .page_content {
+.top_logo {
+ width: 100%;
+ height: 0.7949rem;
+ display: flex;
+ padding-right: 0.3rem;
+ > div {
+ width: 50%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ .img_logo {
+ font-size: 20px;
+ font-family: AlibabaSansVietBold;
+ font-weight: 600;
+ color: #333333;
+ margin-left: 0.3846rem;
+
+ > img {
width: 100%;
height: 100%;
}
}
- .top_logo {
- width: 100%;
- height: 0.7949rem;
- display: flex;
-
- >div {
- width: 50%;
- height: 100%;
+ .right_search {
+ justify-content: flex-end;
+ width: 50%;
+ > div {
+ width: 34%;
+ height: 0.4615rem;
display: flex;
- align-items: center;
- }
+ justify-content: space-between;
- .img_logo {
- width: 3.3077rem;
- height: 0.6154rem;
- margin-left: 0.3846rem;
+ > div {
+ width: 0.5615rem;
+ height: 0.5615rem;
- >img {
- width: 100%;
- height: 100%;
+ > img {
+ width: 100%;
+ height: 100%;
+ }
}
}
+ }
+}
- .right_search {
- justify-content: flex-end;
+.center_tabs {
+ width: 100%;
+ height: auto;
+ margin-top: 0.2308rem;
- >div {
- width: 1.2821rem;
- height: 0.4615rem;
+ > .banner_top {
+ 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;
+ 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;
+ }
+ }
+ }
+
+ .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;
- margin-right: 0.4615rem;
+ align-items: center;
+ position: absolute;
+ right: -0.4rem;
+ top: -0.4rem;
- >div {
- width: 0.4615rem;
- height: 0.4615rem;
+ > div {
+ width: 0.3554rem;
+ height: 0.3554rem;
+ margin-top: 0.3rem;
+ margin-left: 0.15rem;
- >img {
+ > img {
width: 100%;
height: 100%;
}
}
}
- }
- }
- .center_tabs {
- width: 100%;
- height: 14.2308rem;
- margin-top: 0.2308rem;
-
- >.banner_top {
- width: 100%;
-
- img {
- width: 100%;
+ > div {
+ width: 20%;
height: 100%;
- }
-
- .van-swipe-item {
- height: 3.4615rem;
- padding: 0 0.264rem;
- }
- }
-
- >.announcement {
- width: 100%;
- height: 0.9487rem;
- display: flex;
- justify-content: center;
- align-items: center;
-
- >.an_content {
- width: 95%;
- height: 0.559rem;
display: flex;
- justify-content: space-between;
+ align-items: center;
- .an_left_icon {
- width: 5%;
- height: 100%;
- display: flex;
- align-items: center;
+ > div {
+ width: 100%;
+ height: 60%;
- >img {
- width: 80%;
- height: 80%;
- }
- }
+ > .top_img {
+ width: 0.903704rem;
+ height: 0.803704rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- .an_right_message {
- width: 93%;
- height: 100%;
- display: flex;
- align-items: center;
- }
- }
- }
+ > div {
+ width: 0.9718rem;
+ height: 0.9718rem;
- .navs {
- width: 100%;
- height: 2.6154rem;
- display: flex;
- justify-content: center;
-
- >.navs_content {
- width: 95%;
- height: 100%;
- background: #272733;
- border-radius: 0.2564rem;
- display: flex;
-
- >div {
- width: 25%;
- height: 100%;
- display: flex;
- align-items: center;
-
- >div {
- width: 100%;
- height: 60%;
-
- >.top_img {
- width: 100%;
- height: 70%;
- display: flex;
- align-items: center;
- justify-content: center;
-
- >div {
- width: 0.9718rem;
- height: 0.9718rem;
-
- >img {
- width: 100%;
- height: 100%;
- }
+ > img {
+ width: 100%;
+ height: 100%;
}
}
+ }
- >.bottom_navs {
- width: 100%;
- height: 30%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
+ > .bottom_navs {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 0.33rem;
+ margin-top: 0.15rem;
}
}
}
}
+ }
- .focus_on {
+ .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: 6.9231rem;
- margin-top: 0.2564rem;
+ 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;
+}
+
+.item-out {
+ position: relative;
+ border-left: 0.01rem solid rgba(192, 192, 192, 0.8);
+ padding: 0 0.25rem 1rem 0.25rem;
+}
+
+.item-out::before {
+ content: "●";
+ position: absolute;
+ top: -0.1rem;
+ left: -0.128rem;
+ margin: auto;
+}
+
+.item-times {
+ color: #999;
+ margin-bottom: 0.15rem;
+}
+
+.titContent {
+ position: relative;
+ width: 100%;
+ font-size: 0.35rem;
+ line-height: 0.46rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 2;
+ display: -webkit-box;
+}
+
+.neitu {
+ width: 100%;
+ border-radius: 0.05rem;
+ margin-top: 0.3rem;
+ margin-bottom: 0.8rem;
+}
+
+.neitu img {
+ width: 100%;
+ border-radius: 0.05rem;
+}
+
+.block-out {
+ margin-top: 0.2rem;
+}
+
+.blocks {
+ width: auto;
+ font-size: 0.32rem;
+ padding: 0.08rem 0.15rem 0.08rem 0.15rem;
+ display: inline-block;
+ border: 0.0513rem solid #41ac75;
+ color: #41ac75;
+}
+
+.animate {
+ padding-left: 20px;
+
+ font-size: 0.29rem;
+
+ color: #000;
+
+ display: inline-block;
+
+ white-space: nowrap;
+
+ animation: 10s wordsLoop linear infinite normal;
+}
+
+@keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
+
+ -webkit-transform: translateX(100%);
+ }
+
+ 100% {
+ transform: translateX(-100%);
+
+ -webkit-transform: translateX(-100%);
+ }
+}
+
+@-webkit-keyframes wordsLoop {
+ 0% {
+ transform: translateX(100%);
+
+ -webkit-transform: translateX(100%);
+ }
+
+ 100% {
+ transform: translateX(-100%);
+
+ -webkit-transform: translateX(-100%);
+ }
+}
+
+.box-1 {
+ background: #fefffe;
+ border-radius: 0.21333rem;
+ margin-top: 0.21333rem;
+ .menu {
+ display: flex;
+ padding: 0.4rem 0;
+ flex-wrap: wrap;
+ li {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 25%;
+ flex-shrink: 0;
+ justify-content: center;
+ margin-bottom: 0.4rem;
+ .links {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ .name {
+ font-family: PingFang SC;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.32rem;
+ line-height: 0.45333rem;
+ color: #14181f;
+ text-align: center;
+ }
+ }
+ .link {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ color: #fff;
+ .icon {
+ width: 0.8rem;
+ height: 0.8rem;
+ }
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ .name {
+ font-family: PingFang SC;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 0.32rem;
+ line-height: 0.45333rem;
+ color: #14181f;
+ text-align: center;
+ }
+ }
+ }
+ }
+}
+
+.fg {
+ width: 100%;
+ height: 10px;
+ background-color: rgb(247, 247, 250);
+}
+
+.new-stock {
+ padding: 0 0.4rem;
+ .title {
+ color: #2c2e3b;
+ text-align: justify;
+ font-family: PingFang SC;
+ font-size: 0.37333rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: normal;
+ padding-top: 0.26667rem;
+ }
+ .list {
+ display: flex;
+ padding-top: 0.26667rem;
+ .item {
display: flex;
align-items: center;
- justify-content: center;
-
- .fo_content {
- width: 95%;
- height: 100%;
- background: #272733;
- padding: 0 0.2564rem;
- border-radius: 0.2564rem;
-
- .top_title {
- width: 100%;
- height: 1.0821rem;
- display: flex;
- font-size: 0.3846rem;
- align-items: center;
- }
- }
-
- .fo_banner {
- width: 100%;
- height: calc(100% - 1.0821rem - 0.2564rem);
- }
- }
-
- .item_cont {
- width: 100%;
- height: 1.5385rem;
- border-bottom: 1px solid #ccc;
- position: relative;
- border: none;
-
- >div {
- width: 100%;
- height: 50%;
- }
-
- .top_fo,
- .bottom_fo {
+ 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;
- justify-content: space-between;
-
- span {
- display: inline-block;
- }
-
- .title {
- width: 50%;
- height: 100%;
- display: flex;
- align-items: center;
- }
-
- .numbers {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
- }
-
- .percentage {
- width: 20%;
- height: 100%;
- display: flex;
- align-items: center;
- }
+ align-items: center;
+ justify-content: center;
+ margin-left: 0.53333rem;
}
-
- .top_fo {
- font-size: 0.3846rem !important;
- }
-
- .bottom_fo {
- font-size: 0.1846rem;
- color: #999898;
- }
-
- .percentage.gree {
- color: green;
- }
-
- .percentage.redd {
- color: red;
+ .i-title {
+ color: #061540;
+ font-family: PingFang SC;
+ font-size: 0.4rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 0.42667rem;
+ margin-left: 0.48rem;
}
}
}
+}
+.list .item:nth-child(2) {
+ border-radius: 0.10667rem;
+ background: linear-gradient(270deg, #fbe9e9 0%, #fff8f8 100%);
+}
- .item_cont::after {
- content: "";
- position: absolute;
- bottom: 0;
- background: rgb(59, 59, 59);
- width: 100%;
- height: 1px;
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
+.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;
}
-
- .my-swipe .van-swipe-item {
- color: #fff;
- font-size: 0.5128rem;
- line-height: 3.8462rem;
- text-align: center;
- overflow: hidden;
- }
-
- .fo_my-swipe .van-swipe-item {
- color: #fff;
- 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: .7rem;
- }
-
- .news-tab {
- width: 95%;
- position: relative;
- left: 0;
- right: 0;
- margin: auto;
- margin-top: 0.2rem;
- background: #272733;
- border-radius: 0.4rem 0.4rem 0 0;
- padding-top: 0.3rem;
-
- /deep/.mint-navbar {
- background: #272733;
- }
-
- /deep/.mint-tab-container {}
-
- /deep/.mint-tab-item {
- background: #272733;
- }
-
- /deep/.mint-tab-item-label {
- color: #fff;
- font-size: .26rem;
-
- }
-
- /deep/.is-selected .tab-name {
- position: relative;
- }
-
- /deep/.mint-navbar .mint-tab-item.is-selected {
- border-bottom: none;
- }
-
- /deep/.is-selected .tab-name:after {
- position: absolute;
- display: block;
- content: '';
- height: .07rem;
- background-color: #1381A4;
- width: 100%;
- left: 0;
- bottom: -.25rem;
- }
- }
-
- .news-content {
- position: relative;
- padding: 0.3rem;
- }
-
- .item-out {
- position: relative;
- border-left: 0.01rem solid rgba(192, 192, 192, 0.1);
- padding: 0 0.25rem 1rem 0.25rem;
- }
-
- .item-out::before {
- content: "●";
- position: absolute;
- top: -0.1rem;
- left: -0.108rem;
- margin: auto;
- }
-
- .item-times {
- color: #999;
- margin-bottom: 0.15rem;
- }
-
- .titContent {
- position: relative;
- width: 100%;
- color: #fff;
- font-size: .35rem;
- line-height: .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;
- }
+}
+.lang_box_txta {
+ width: 100%;
+ height: 100px;
+ text-align: center;
+ line-height: 100px;
+ border-bottom: 1px solid #ecf5ff;
+}
+.lang_box_txt {
+ width: 100%;
+ height: 100px;
+ text-align: center;
+ line-height: 100px;
+ border-bottom: 1px solid #ecf5ff;
+ color: #2196f3;
+}
+.lang_box {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+}
+.btn_s_box {
+ border: none;
+ background: #409eff;
+ color: #fff;
+ height: 70px;
+ width: 100%;
+ line-height: 70px;
+ font-size: 16px;
+ text-align: center;
+ border-radius: 15px;
+ font-weight: 600;
+ margin: 40px 20px 0 20px;
+}
+// /deep/ .van-popup {
+// overflow-y: auto;
+// }
</style>
--
Gitblit v1.9.3