|
|
|
@ -105,10 +105,11 @@ |
|
|
|
</div> |
|
|
|
<div v-if="marketList[0]" style="width: 550px;display: flex;flex-wrap: wrap;justify-content: space-between;"> |
|
|
|
<div v-for="(item, index) in marketList[0].marketInfoList.slice(0,6)" :key="index" |
|
|
|
style="width: 170px;border: 1px solid #606060;border-radius: 10px;margin-bottom: 20px;padding: 15px;"> |
|
|
|
style="width: 170px;box-shadow: 0px 0px 6px 0px rgba(0, 38, 161, 0.16);border-radius: 10px;margin-bottom: 20px;padding: 15px;"> |
|
|
|
<div><img style="width: 40px;height: 40px;" :src="item.coin_icon" alt=""></div> |
|
|
|
<div style="margin-top: 10px;">{{ item.coin_name }}</div> |
|
|
|
<div style="margin-bottom: 20px;margin-top: 5px;">$ {{ item.price || item.close }}</div> |
|
|
|
<div style="margin-bottom: 20px;margin-top: 5px;font-size: 14px;" |
|
|
|
:class="item.increase * 1 >= 0 ? 'increaceAj' : 'decreaceAj'">$ {{ item.price || item.close }} USD</div> |
|
|
|
<div :class="item.increase >= 0 ? 'increaceAj' : 'decreaceAj'">{{ item.increaseStr }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|