5.10航天ui交易所pc端,代码jiem-pc
lxf
2025-06-20 d5db05869b00fb72b4944f1fdcfa147eae854bc8
src/views/market/components/hangqing.vue
@@ -65,23 +65,29 @@
  </div> -->
  <div class="swiper-img">
    <div class="swiper-container">
      <!-- <el-carousel height="150px">
      <el-carousel-item v-for="item in imgLists" :key="item">
        <h3 class="small justify-center" text="2xl">{{ item }}</h3>
      </el-carousel-item> -->
      <!-- </el-carousel> -->
      <el-carousel :interval="5000" arrow="always" indicator-position="none">
        <el-carousel-item>
        <el-carousel-item v-for="(item, index) in imgLists" :key="index">
          <div class="img-box">
            <img
              v-for="item in imgLists"
              v-for="(_item, _index) in imgLists[index]"
              :key="_index"
              style="margin-right: 20px; border-radius: 12px"
              width="290"
              width="350"
              height="160"
              :src="item"
              :src="_item.image"
            />
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
  <div class="notice">
    <div style="display: flex; align-items: center">
  <!-- <div class="notice"> -->
  <!-- <div style="display: flex; align-items: center">
      <div class="icon">
        <img
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAzCAMAAADivasmAAAAAXNSR0IArs4c6QAAAJBQTFRFAAAAAAAAICAwHh4tICAwICgwHycuJSUwJSowJCQvJCovJCQwJCgwIycvIyMwIyYwIyYuIyYwIyUtIyUwIiUtIicwIicuJCQwJCcwIiYtJCQvIiYuIiYuJCYwIiUuJCUvIyUvIyYvIyYuIyYvIyYvIyYvIyUvISYvIiUvJCUvIiYvIiYvIyYvIyYvIyYvIyYv1k8XmgAAAC90Uk5TAAEQESAgITAwMTFAQEFQUF9fYGBhb3BwcHFxf4CAkJ6fn6Cur76/zs/P3t/u7/5ALSHUAAABB0lEQVRIx+2U166DMAyGTcroonvvAemg4Pd/uzppq0qcQGOpvTnivwlS8hHbsX+ASpW+piUXcPZXJiEkEiI4xBkVEqa7NoPQiFrcD4e97nATJSk+EF/SmpXXQR15SafvHT4xfxCAaYrZxBiQlsgh9R5tNRBvbuHvBzkk1MkvELcMRDGOxEzYIn6CGAOMjNmYEfAp9xbUjJEVILBCXIFzwas9EqoLHPljZP4M7GSffvJMP+IU+aiL3Gc+JV3l8hpmYm4Y4Srl29Ibl7RlcfMPqAFmnHmpR/S1LhuxYLyR5zfS1IM8s3CLoJO+7SIO7CzGS16m1LI2MmK4bkkPz0bAj/nOL6DSf9YdWJ5WsAYsc/8AAAAASUVORK5CYII="
@@ -89,16 +95,16 @@
        />
      </div>
      <span class="content">
        {{ $t('message.home["恭喜 BCWP新用戶,限時活動等你來"]') }}
        {{ $t('message.home["恭喜 Deepcoin新用戶,限時活動等你來"]') }}
      </span>
    </div>
    <div class="more-icon">
    </div> -->
  <!-- <div class="more-icon">
      {{ $t("message.jiaoyi.more") }}
      <img
        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhBAMAAABKCLRiAAAAAXNSR0IArs4c6QAAACpQTFRFAAAAICAwICAwICgwJCgwIyMwIicuIyYvIyUvIiUvIiYvIyYvIyYvIyYv5hRuVQAAAA10Uk5TABAgIEBQcK+/z9/f76t+r8MAAABKSURBVCjPY2AYQCCCLlA7EU2g96YAqoDV3UmoAsxrbyugK9lESIkkuhLGuQSVMJ+9hl8FhhkkK8BwKIZXem+iObMXPcRMBWgbZwAuXx53AuEkAwAAAABJRU5ErkJggg=="
      />
    </div>
  </div>
    </div> -->
  <!-- </div> -->
  <div class="css-ph4aey">
    <div class="css-tq0shg">
      <main class="css-1wr4jig" style="background-color: #181a20">
@@ -106,13 +112,15 @@
          <div class="header">
            <h1>
              <font style="vertical-align: inherit">
                <font style="vertical-align: inherit"> 市场 </font>
                <font style="vertical-align: inherit"
                  >{{ $t("message.user.shichang") }}
                </font>
              </font>
            </h1>
            <p>
              <font style="vertical-align: inherit">
                <font style="vertical-align: inherit">
                  在全球顶尖的数字资产交易平台,为新手、高级交易者和机构用户提供工具
                  {{ $t("message.user.may3") }}
                </font>
              </font>
            </p>
@@ -143,23 +151,25 @@
            <div class="marketBox">
              <div class="marketBox_item">
                <h1>熱門</h1>
                <h1>{{ $t("message.hangqing.remendu") }}</h1>
                <div class="tabs">
                  <span class="active">熱門</span>
                  <!-- <span class="">漲幅</span> -->
                  <span class="active">{{
                    $t("message.hangqing.remendu")
                  }}</span>
                  <!-- <span class="">{{ $t("message.hangqing.remendu") }}</span> -->
                </div>
                <ul class="tag">
                  <li>交易對</li>
                  <li>市場</li>
                  <li>漲幅</li>
                  <li>24H交易量</li>
                  <li>{{ $t("message.home.jiaoyidui") }}</li>
                  <li>{{ $t("message.home.shichang") }}</li>
                  <li>{{ $t("message.hangqing.zhangfubang") }}</li>
                  <li>{{ $t("message.hangqing.24hjiaoyiliang") }}</li>
                </ul>
                <div class="hot">
                  <div class="list">
                    <div class="item" @click="goDetail('btc', {})">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/btc.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -440,7 +450,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/eth.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -721,7 +731,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/etc.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -1002,10 +1012,10 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dai.png"
                          alt=""
                        />
                        <div class="bigTetx">DOT</div>
                        <div class="bigTetx">DAI</div>
                        <div class="sTetx">/USDT</div>
                      </div>
                      <div class="chart">
@@ -1283,7 +1293,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/shib.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -1564,7 +1574,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/sol.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -1845,7 +1855,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/icp.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -2126,7 +2136,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ada.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -2403,14 +2413,14 @@
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ah.png"
                          alt=""
                        />
                        <div class="bigTetx">ACH</div>
                        <div class="bigTetx">AH</div>
                        <div class="sTetx">/USDT</div>
                      </div>
                      <div class="chart">
@@ -2683,12 +2693,12 @@
                        <div class="valom">0.001m</div>
                      </div>
                    </div>
                  </div>
                  </div> -->
                  <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/xrp.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -2965,11 +2975,11 @@
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/bnb.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -3250,7 +3260,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ply.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -3531,7 +3541,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ltk.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -3807,12 +3817,12 @@
                        <div class="valom">2.150m</div>
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  </div> -->
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dgc.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -4093,7 +4103,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/lmct.png"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -4369,12 +4379,12 @@
                        <div class="valom">0.287m</div>
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  </div> -->
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/aclu.png"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -4649,30 +4659,32 @@
                      <div class="right">
                        <div class="valom">0.091m</div>
                      </div>
                    </div>
                  </div>
                    </div>
                  </div> -->
                </div>
                <!---->
              </div>
              <div class="marketBox_item">
                <h1>漲幅</h1>
                <h1>{{ $t("message.hangqing.remendu") }}</h1>
                <div class="tabs">
                  <span class="active">漲幅</span>
                  <span class="active">{{
                    $t("message.hangqing.remendu")
                  }}</span>
                  <!-- <span class="">熱門</span> -->
                </div>
                <ul class="tag">
                  <li>交易對</li>
                  <li>市場</li>
                  <li>漲幅</li>
                  <li>24H交易量</li>
                  <li>{{ $t("message.home.jiaoyidui") }}</li>
                  <li>{{ $t("message.home.hangqing") }}</li>
                  <li>{{ $t("message.hangqing.remendu") }}</li>
                  <li>{{ $t("message.hangqing.24hjiaoyiliang") }}</li>
                </ul>
                <div data-v-0aa0c653="" class="Increase">
                  <div data-v-0aa0c653="" class="list">
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/etc.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -4953,7 +4965,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/eth.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -5234,7 +5246,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/sol.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -5515,7 +5527,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/shib.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -5796,7 +5808,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/icp.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -6077,7 +6089,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/btc.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -6358,10 +6370,10 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dai.png"
                          alt=""
                        />
                        <div class="bigTetx">DOT</div>
                        <div class="bigTetx">DAI</div>
                        <div class="sTetx">/USDT</div>
                      </div>
                      <div class="chart">
@@ -6639,7 +6651,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/xrp.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -6920,7 +6932,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ada.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -7197,11 +7209,11 @@
                      </div>
                    </div>
                  </div>
                  <div data-v-0aa0c653="" class="list">
                  <!-- <div data-v-0aa0c653="" class="list">
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/bnb.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -7477,12 +7489,12 @@
                        <div class="valom">0.086m</div>
                      </div>
                    </div>
                  </div>
                  <div data-v-0aa0c653="" class="list">
                  </div> -->
                  <!-- <div data-v-0aa0c653="" class="list">
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ach.png"
                          alt=""
                        />
                        <div class="bigTetx">ACH</div>
@@ -7758,12 +7770,12 @@
                        <div class="valom">0.001m</div>
                      </div>
                    </div>
                  </div>
                  <div data-v-0aa0c653="" class="list">
                  </div> -->
                  <!--   <div data-v-0aa0c653="" class="list">
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                       <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ltk.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -8044,7 +8056,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/aclu.png"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -8325,7 +8337,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ply.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -8606,7 +8618,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dgc.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -8887,7 +8899,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/lmct.png"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -9163,7 +9175,7 @@
                        <div class="valom">0.287m</div>
                      </div>
                    </div>
                  </div>
                  </div>  -->
                </div>
                <!---->
              </div>
@@ -9645,7 +9657,10 @@
export default {
  data() {
    return {
      imgLists: [img1, img2, img3],
      imgLists: [
        // [img1, img2, img3],
        // [img1, img2, img3],
      ],
      ConfigURL,
      fixData,
      allSymbol: "", //所有symbol
@@ -9654,17 +9669,17 @@
      marketList: [
        {
          id: 1,
          name: this.$t("message.user['熱門現貨']"),
          name: this.$t("message.user.leimengxianhuo"),
          type: "US-stocks",
        },
        {
          id: 2,
          name: this.$t("message.user['熱門合約']"),
          name: this.$t("message.user.leimenghey"),
          type: "cryptos",
        },
        {
          id: 3,
          name: this.$t("message.user['熱門交割合約']"),
          name: this.$t("message.user.leimengjiaoge"),
          type: "indices",
        },
      ],
@@ -9719,9 +9734,23 @@
    this.getSymbol();
    this.getItemOptionalList();
    window.scrollTo(0, 0);
    this.getBanner();
  },
  methods: {
    handleSymbolImg,
    getBanner() {
      // let language;
      // if (this.$i18n.locale === "en-US") {
      //   language = "en";
      // } else if (this.$i18n.locale.indexOf("CN") >= 0) {
      //   language = "CN";
      // } else {
      //   language = this.$i18n.locale;
      // }
      Axios.getBanner({ model: "top" }).then((res) => {
        this.imgLists[0] = res.data;
      });
    },
    // 获取所有symbol
    getSymbol() {
      API.url("wap/api/item!list.action", {}).then((res) => {
@@ -10278,4 +10307,8 @@
    }
  }
}
.amplitude.active {
  color: #f6003c !important;
}
</style>