style

lxf

2025-05-30 e4abde60d72c05dec734feea446528b602ffd658

 src/views/market/components/hangqing.vue

@@ -89,7 +89,7 @@
        />
      </div>
      <span class="content">
        {{ $t('message.home["恭喜 BCWP新用戶，限時活動等你來"]') }}
        {{ $t('message.home["恭喜 Deepcoin新用戶，限時活動等你來"]') }}
      </span>
    </div>
    <div class="more-icon">
@@ -106,13 +106,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 +145,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://api.usDeepcoin.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -440,7 +444,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -721,7 +725,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -1002,7 +1006,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          alt=""
                        />
                        <div class="bigTetx">DOT</div>
@@ -1283,7 +1287,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -1564,7 +1568,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -1845,7 +1849,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -2126,7 +2130,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -2407,7 +2411,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          alt=""
                        />
                        <div class="bigTetx">ACH</div>
@@ -2688,7 +2692,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -2969,7 +2973,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -3250,7 +3254,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -3531,7 +3535,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -3812,7 +3816,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -4093,7 +4097,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -4374,7 +4378,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -4656,23 +4660,25 @@
              </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://api.usDeepcoin.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -4953,7 +4959,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -5234,7 +5240,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -5515,7 +5521,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -5796,7 +5802,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -6077,7 +6083,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -6358,7 +6364,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/a53cfb070eebb9a41e942328db6f08b7.png"
                          alt=""
                        />
                        <div class="bigTetx">DOT</div>
@@ -6639,7 +6645,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -6920,7 +6926,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -7201,7 +7207,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -7482,7 +7488,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          alt=""
                        />
                        <div class="bigTetx">ACH</div>
@@ -7763,7 +7769,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -8044,7 +8050,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -8325,7 +8331,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -8606,7 +8612,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -8887,7 +8893,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.uscoinmate.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://api.usDeepcoin.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -9654,17 +9660,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",
        },
      ],
@@ -10278,4 +10284,8 @@
    }
  }
}

.amplitude.active {
  color: #f6003c !important;
}
</style>