From b13d4a4289ca95318f10db5eba75310cae0db3d6 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 11 Jun 2025 16:54:52 +0800
Subject: [PATCH] sytle
---
src/views/market/components/hangqing.vue | 147 ++++++++++++++++++++++++++++--------------------
1 files changed, 85 insertions(+), 62 deletions(-)
diff --git a/src/views/market/components/hangqing.vue b/src/views/market/components/hangqing.vue
index 3f15d54..7feb028 100644
--- a/src/views/market/components/hangqing.vue
+++ b/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) => {
--
Gitblit v1.9.3