sytle

lxf

2025-06-11 b13d4a4289ca95318f10db5eba75310cae0db3d6

 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="
@@ -91,14 +97,14 @@
      <span class="content">
        {{ $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">
@@ -163,7 +169,7 @@
                    <div class="item" @click="goDetail('btc', {})">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/btc.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -444,7 +450,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/eth.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -725,7 +731,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/etc.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -1006,10 +1012,10 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.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">
@@ -1287,7 +1293,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/shib.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -1568,7 +1574,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/sol.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -1849,7 +1855,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/icp.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -2130,7 +2136,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ada.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -2407,14 +2413,14 @@
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.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">
@@ -2687,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.usdeepcoin.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/xrp.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -2969,11 +2975,11 @@
                      </div>
                    </div>
                  </div>
                  <div class="list">
                  <!-- <div class="list">
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/bnb.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -3254,7 +3260,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ply.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -3535,7 +3541,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ltk.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -3811,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.usdeepcoin.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dgc.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -4097,7 +4103,7 @@
                    <div class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/lmct.png"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -4373,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.usdeepcoin.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/aclu.png"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -4653,8 +4659,8 @@
                      <div class="right">
                        <div class="valom">0.091m</div>
                      </div>
                    </div>
                  </div>
                    </div> 
                  </div> -->
                </div>
                <!---->
              </div>
@@ -4678,7 +4684,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/906d7d07a15083e2836a33523f4d5cc2.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/etc.png"
                          alt=""
                        />
                        <div class="bigTetx">ETC</div>
@@ -4959,7 +4965,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/856bfdb63dc0d6fad6b92fc6a29719e1.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/eth.png"
                          alt=""
                        />
                        <div class="bigTetx">ETH</div>
@@ -5240,7 +5246,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/5e22a9302a4383454bfe530f0ddffb53.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/sol.png"
                          alt=""
                        />
                        <div class="bigTetx">SOL</div>
@@ -5521,7 +5527,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/2d574c6f9c38368f9f06e63d29b18039.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/shib.png"
                          alt=""
                        />
                        <div class="bigTetx">SHIB</div>
@@ -5802,7 +5808,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/64a44d7828e858cad297351046932348.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/icp.png"
                          alt=""
                        />
                        <div class="bigTetx">ICP</div>
@@ -6083,7 +6089,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/75f196b437f9d87fdc198bc904c66c4c.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/btc.png"
                          alt=""
                        />
                        <div class="bigTetx">BTC</div>
@@ -6364,10 +6370,10 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.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">
@@ -6645,7 +6651,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/92f9d15be55070c0f267e7b9609211da.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/xrp.png"
                          alt=""
                        />
                        <div class="bigTetx">XRP</div>
@@ -6926,7 +6932,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/dd64732cb0db125d4578bd173857a6f6.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ada.png"
                          alt=""
                        />
                        <div class="bigTetx">ADA</div>
@@ -7203,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.usdeepcoin.com/uploads/BillOfCredit/cb84d3ca48a52e3df1025731a8bef4ec.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/bnb.png"
                          alt=""
                        />
                        <div class="bigTetx">BNB</div>
@@ -7483,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.usdeepcoin.com/uploads/BillOfCredit/5726071a2a3dbf7e17339451a5f8194b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ach.png"
                          alt=""
                        />
                        <div class="bigTetx">ACH</div>
@@ -7764,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.usdeepcoin.com/uploads/BillOfCredit/06c8f4b2be7ea8aa987f22330a2d6d9b.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ltk.png"
                          alt=""
                        />
                        <div class="bigTetx">LTK</div>
@@ -8050,7 +8056,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/c02947362ebfea47d5ee330de9f4bbc3.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/aclu.png"
                          alt=""
                        />
                        <div class="bigTetx">ACLU</div>
@@ -8331,7 +8337,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/762d515d3ec1d46a7a34938f44d43006.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/ply.png"
                          alt=""
                        />
                        <div class="bigTetx">PLY</div>
@@ -8612,7 +8618,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/2314fdc27201d8f9ee0af2e81a9cecf9.png"
                          src="https://coin.usadeepcoin.com/wap/symbol/dgc.png"
                          alt=""
                        />
                        <div class="bigTetx">DGC</div>
@@ -8893,7 +8899,7 @@
                    <div data-v-0aa0c653="" class="item">
                      <div class="lotteryName">
                        <img
                          src="https://api.usdeepcoin.com/uploads/BillOfCredit/fc977f12892ad8f2cc6daa4f1bbb1241.jpg"
                          src="https://coin.usadeepcoin.com/wap/symbol/lmct.png"
                          alt=""
                        />
                        <div class="bigTetx">LMCT</div>
@@ -9169,7 +9175,7 @@
                        <div class="valom">0.287m</div>
                      </div>
                    </div>
                  </div>
                  </div>  -->
                </div>
                <!---->
              </div>
@@ -9651,7 +9657,10 @@
export default {
  data() {
    return {
      imgLists: [img1, img2, img3],
      imgLists: [
        // [img1, img2, img3],
        // [img1, img2, img3],
      ],
      ConfigURL,
      fixData,
      allSymbol: "", //所有symbol
@@ -9725,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) => {