| | |
| | | </div> |
| | | </van-cell> |
| | | <transition-group :name="type" tag="div"> |
| | | <div v-if="active == 0" :key="active"> |
| | | <div v-if="active == 0"> |
| | | <van-cell v-for="item in listData" :key="item.id"> |
| | | <ul class="flex justify-between w-full items-center" @click="onItemClick(item)"> |
| | | <li class="flex items-center left"> |
| | |
| | | </p> |
| | | </li> |
| | | <li class="flex flex-col items-end mid"> |
| | | <p class="textColor font-32 font-600">{{ item.close || '--' }}</p> |
| | | <p class="textColor font-32 font-600">{{ item.close.toFixed(4) || '--' }}</p> |
| | | <p class="font-24 text-grey">{{ currency.currency_symbol }} |
| | | {{ item.close && item.symbol_data.toUpperCase() == 'SHIB' ? (item.close * currency.rate).toFixed(8) : |
| | | (item.close * |
| | | currency.rate).toFixed(6)/1 || '--' }}</p> |
| | | currency.rate).toFixed(4) || '--' }}</p> |
| | | </li> |
| | | <li class="right flex items-center justify-end"> |
| | | <p class="w-153 font-31 h-71 bg-green text-white border-0 text-center btn" v-if="item.change_ratio > 0"> |
| | |
| | | </ul> |
| | | </van-cell> |
| | | </div> |
| | | <div v-else :key="active"> |
| | | <div v-else> |
| | | <van-cell v-for="item in showList" :key="item.id"> |
| | | <ul class="flex justify-between w-full items-center" @click="onItemClick(item)"> |
| | | <li class="flex items-center left"> |
| | |
| | | </p> |
| | | </li> |
| | | <li class="flex flex-col items-end mid"> |
| | | <p class="textColor font-32 font-600">{{ item.close }}</p> |
| | | <p class="textColor font-32 font-600">{{ item.close.toFixed(4) }}</p> |
| | | <p class="font-24 text-grey">{{ currency.currency_symbol }} {{ item.close && |
| | | item.symbol_data.toUpperCase() == 'SHIB' ? (item.close * currency.rate).toFixed(8) : (item.close * |
| | | currency.rate).toFixed(6) / 1 || '--' }}</p> |
| | | currency.rate).toFixed(4) || '--' }}</p> |
| | | </li> |
| | | <li class="right flex items-center justify-end text-right"> |
| | | <div v-if="active == 3" class="textColor w-182 font-700 font-24"> |
| | |
| | | fixDate, |
| | | HOST_URL, |
| | | active: 0, |
| | | showList: [], |
| | | type: 'left' //left 从左往右 right 从有王座 |
| | | } |
| | | }, |
| | |
| | | this.showList = [...this.listData].sort(this.compare("volume", 'up')) |
| | | } |
| | | this.$forceUpdate() |
| | | // console.log("aaaaaaaaa", this.showList, this.listData); |
| | | } |
| | | } |
| | | } |