Browse Source

修改股票页面的布局,股票页面显示的名字不对

master
liaoxinyu 1 week ago
parent
commit
2bcb75156e
  1. 2
      pages/base/stockexchange-operation.vue
  2. 9
      pages/stockexchange/exchange-transaction.vue
  3. 48
      pages/stockexchange/symbol-list.vue

2
pages/base/stockexchange-operation.vue

@ -68,7 +68,7 @@
<symbol-list
:collect="collect"
:marketList="marketList"
:heyue="0"
:heyue="2"
@check-symbol="checkSymbol"
:symbols="symbols"
/>

9
pages/stockexchange/exchange-transaction.vue

@ -4,14 +4,14 @@
<view class="w-max" style="height: var(--status-bar-height)"></view>
<view @click="$emit('symbol')" class="d-flex align-center">
<i class="iconfont color-light fn-bold fn-18">&#xe655;</i>
<text class="fn-bold">{{ symbol }}</text>
<text class="fn-bold">{{ activeCoin.coin_name }}</text>
<text class="fn-10 m-l-xs p-y-2" :class="increase.increase < 0 ? 'color-sell bg-sell-transparent' : 'color-buy bg-buy-transparent'">{{increase.increaseStr}}</text>
</view>
<view class="d-flex fn-20 color-theme-1">
<view class="m-r-xs" @click="$emit('option')">
<!-- <view class="m-r-xs" @click="$emit('option')">
<van-icon v-if="isCoolect" name="star" />
<van-icon v-else class="color-default" name="star-o" />
</view>
</view> -->
<v-link
tag="div"
v-if="symbol"
@ -1130,4 +1130,7 @@ export default {
.bor5-active{
border-bottom: 4px solid $theme-2;
}
/deep/uni-input{
background-color: transparent;
}
</style>

48
pages/stockexchange/symbol-list.vue

@ -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>

Loading…
Cancel
Save