From 9ac1b8cc1e7a2bfd2a7be6385330d7f044d7de5b Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 26 Jun 2025 21:23:25 +0800
Subject: [PATCH] style
---
src/views/market/components/hangqing.vue | 195 ++++++++++++++++++++++++++++--------------------
1 files changed, 114 insertions(+), 81 deletions(-)
diff --git a/src/views/market/components/hangqing.vue b/src/views/market/components/hangqing.vue
index f13b514..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="
@@ -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>
--
Gitblit v1.9.3