|
|
|
@ -155,17 +155,59 @@ |
|
|
|
|
|
|
|
<div class="scqs-list-li" style="margin-top: 1rem;"> |
|
|
|
<div class="scqs-list-li-top" style="display: flex;justify-content: space-between;color: gray;"> |
|
|
|
<div style="width: 40%;">币种</div> |
|
|
|
<div style="width: 25%;">最新价(USD)</div> |
|
|
|
<div style="width: 25%;">24小时涨幅</div> |
|
|
|
<div style="width: 40%;">{{ $t("shou.a9") }}</div> |
|
|
|
<div style="width: 25%;">{{ $t("shou.a10") }}</div> |
|
|
|
<div style="width: 25%;">{{ $t("shou.a11") }}</div> |
|
|
|
</div> |
|
|
|
<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" style="display: flex;justify-content: space-between;"> |
|
|
|
<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" |
|
|
|
style="display: flex;justify-content: space-between;"> |
|
|
|
<div style="width: 40%;"> |
|
|
|
<img src="item.coin_icon" alt=""> |
|
|
|
{{ item.coin_name}}</div> |
|
|
|
<div style="width: 25%;">最新价(USD)</div> |
|
|
|
<div style="width: 25%;">24小时涨幅</div> |
|
|
|
<img style="width: 20px;height: 20px;" src="item.coin_icon" alt=""> |
|
|
|
{{ item.coin_name }} |
|
|
|
</div> |
|
|
|
<div style="width: 25%;">{{ item.high }}</div> |
|
|
|
<div style="width: 25%;">{{ item.increase }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="scqs-list-bottom" style="display: flex;justify-content: space-around;margin-left: 1rem;flex-wrap: wrap;"> |
|
|
|
<div class="scqs-list-bottom-box"> |
|
|
|
<div class="scqs-list-bottom-box-t"> |
|
|
|
{{ $t("shou.a13") }} |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box-b"> |
|
|
|
{{ $t("shou.a17") }} |
|
|
|
</div> |
|
|
|
<div></div> |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box"> |
|
|
|
<div class="scqs-list-bottom-box-t"> |
|
|
|
{{ $t("shou.a14") }} |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box-b"> |
|
|
|
{{ $t("shou.a18") }} |
|
|
|
</div> |
|
|
|
<div></div> |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box"> |
|
|
|
<div class="scqs-list-bottom-box-t"> |
|
|
|
{{ $t("shou.a15") }} |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box-b"> |
|
|
|
{{ $t("shou.a19") }} |
|
|
|
</div> |
|
|
|
<div></div> |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box"> |
|
|
|
<div class="scqs-list-bottom-box-t"> |
|
|
|
{{ $t("shou.a16") }} |
|
|
|
</div> |
|
|
|
<div class="scqs-list-bottom-box-b"> |
|
|
|
{{ $t("shou.a20") }} |
|
|
|
</div> |
|
|
|
<div></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
@ -1467,6 +1509,20 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.scqs-list-bottom-box { |
|
|
|
width: 40%; |
|
|
|
margin-top: 1rem; |
|
|
|
.scqs-list-bottom-box-t { |
|
|
|
font-size: 28px; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.scqs-list-bottom-box-b { |
|
|
|
font-size: 16px; |
|
|
|
color: gray; |
|
|
|
margin-top: 1rem; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.dzdzc-img { |
|
|
|
margin-top: 80px; |
|
|
|
width: 100%; |
|
|
|
|
‘daijinzheng@xingtongworld.com’
3 years ago