| | |
| | | <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 :interval="5000" arrow="always"> |
| | | <el-carousel-item v-for="(item, index) in imgLists" :key="index"> |
| | | <div class="img-box"> |
| | | <img |
| | | v-for="(_item, _index) in imgLists[index]" |
| | | :key="_index" |
| | | style="margin-right: 20px; border-radius: 12px" |
| | | width="350" |
| | | height="160" |
| | | :src="_item.image" |
| | | width="300" |
| | | height="173" |
| | | :src="item[0].image" |
| | | /> |
| | | <img |
| | | style="margin-right: 20px; border-radius: 12px" |
| | | width="300" |
| | | height="173" |
| | | :src="item[1].image" |
| | | /> |
| | | <img |
| | | style="margin-right: 20px; border-radius: 12px" |
| | | width="300" |
| | | height="173" |
| | | :src="item[2].image" |
| | | /> |
| | | </div> |
| | | </el-carousel-item> |
| | |
| | | <div class="item" @click="goDetail('btc', {})"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/btc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/btc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">BTC</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/eth.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/eth.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ETH</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/etc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/etc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ETC</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/dai.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/dai.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">DAI</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/shib.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/shib.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">SHIB</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/sol.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/sol.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">SOL</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/icp.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/icp.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ICP</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ada.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ada.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ADA</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ah.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ah.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">AH</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/xrp.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/xrp.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">XRP</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/bnb.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/bnb.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">BNB</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ply.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ply.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">PLY</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ltk.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ltk.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">LTK</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/dgc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/dgc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">DGC</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/lmct.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/lmct.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">LMCT</div> |
| | |
| | | <div class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/aclu.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/aclu.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ACLU</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/etc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/etc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ETC</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/eth.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/eth.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ETH</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/sol.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/sol.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">SOL</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/shib.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/shib.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">SHIB</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/icp.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/icp.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ICP</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/btc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/btc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">BTC</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/dai.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/dai.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">DAI</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/xrp.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/xrp.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">XRP</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ada.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ada.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ADA</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/bnb.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/bnb.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">BNB</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ach.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ach.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ACH</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ltk.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ltk.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">LTK</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/aclu.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/aclu.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">ACLU</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/ply.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/ply.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">PLY</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/dgc.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/dgc.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">DGC</div> |
| | |
| | | <div data-v-0aa0c653="" class="item"> |
| | | <div class="lotteryName"> |
| | | <img |
| | | src="https://coin.usadeepcoin.com/wap/symbol/lmct.png" |
| | | src="https://m.deepcoineu.com/wap/symbol/lmct.png" |
| | | alt="" |
| | | /> |
| | | <div class="bigTetx">LMCT</div> |
| | |
| | | // language = this.$i18n.locale; |
| | | // } |
| | | Axios.getBanner({ model: "top" }).then((res) => { |
| | | this.imgLists[0] = res.data; |
| | | const data = res.data; |
| | | let groupedArray = [[], []]; |
| | | |
| | | for (let i = 0; i < data.length; i++) { |
| | | if (groupedArray[0].length >= 3) { |
| | | groupedArray[1].push(data[i]); |
| | | } else { |
| | | groupedArray[0].push(data[i]); |
| | | } |
| | | } |
| | | this.imgLists = groupedArray; |
| | | }); |
| | | }, |
| | | // 获取所有symbol |