|
|
|
@ -1,14 +1,14 @@ |
|
|
|
<template> |
|
|
|
<view class="symbol-list"> |
|
|
|
<view class="w-max" style="height: var(--status-bar-height)"></view> |
|
|
|
<view class="title fn-18 p-md color-light">{{ title||$t("exchange.f5") }}</view> |
|
|
|
<view class="title fn-18 p-md color-light">{{ heyue==2?$t('exchange.g7'):title||$t("exchange.f5") }}</view> |
|
|
|
<van-search |
|
|
|
background="transparent" |
|
|
|
:value="filterText" |
|
|
|
@change="filterText = $event.detail" |
|
|
|
:placeholder="$t('exchange.f6')" |
|
|
|
/> |
|
|
|
<van-tabs :active="active"> |
|
|
|
<van-tabs :active="active" v-if="heyue==0||heyue==1"> |
|
|
|
<van-tab |
|
|
|
:title="heyue==1&&parentItem.coin_name=='USDT'?$t('first.b8'):parentItem.coin_name" |
|
|
|
v-for="parentItem in showMarketList" |
|
|
|
@ -69,6 +69,50 @@ |
|
|
|
</view> |
|
|
|
</van-tab> |
|
|
|
</van-tabs> |
|
|
|
|
|
|
|
<view v-if="heyue==2"> |
|
|
|
<view> |
|
|
|
<view class="p-x-xs m-t-md"> |
|
|
|
<table class="w-max"> |
|
|
|
<thead> |
|
|
|
<tr class="fn-sm"> |
|
|
|
<th class="p-l-md p-y-xs fn-left">{{ $t("exchange.f7") }}</th> |
|
|
|
<th class="fn-center">{{ $t("exchange.f8") }}</th> |
|
|
|
<th class="p-r-md p-y-xs fn-right">{{ $t("exchange.f9") }}</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody v-for="parentItem in showMarketList" :key="parentItem.coin_name"> |
|
|
|
<tr |
|
|
|
class="p-y-md" |
|
|
|
:class="symbols==item.coin_name&&heyue==1?'bg-panel':''" |
|
|
|
v-for="item in parentItem.marketInfoList" |
|
|
|
:key="item.symbol" |
|
|
|
v-show="isShow(item.pair_name)" |
|
|
|
@click="$emit('check-symbol', item)" |
|
|
|
> |
|
|
|
<td class="p-l-md p-y-md w-40"> |
|
|
|
<template v-if="parentItem.isCollect"> |
|
|
|
<span class="color-light">{{ item.pair_name }}</span> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<span class="color-light">{{ item.coin_name||item.symbol }}</span> |
|
|
|
</template> |
|
|
|
</td> |
|
|
|
<td class="w-30 fn-center"> |
|
|
|
<template :class="item.increase < 0 ? 'color-sell' : 'color-buy'"> |
|
|
|
{{ item.price }} |
|
|
|
</template> |
|
|
|
</td> |
|
|
|
<td :class="item.increase < 0 ? 'color-sell' : 'color-buy'" class="p-r-md p-y-xs fn-right w-30"> |
|
|
|
{{ item.increaseStr }} |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|