You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
996 B
42 lines
996 B
<template>
|
|
<div class="datalist-box">
|
|
<div class="datalist-title hc-bgColor3">
|
|
<span class="tit-span">{{$t('实时成交')}}</span>
|
|
</div>
|
|
|
|
<div class="datalist-list1">
|
|
<div class="table-box">
|
|
<div class="deal-list deal-list-title">
|
|
<ul>
|
|
<li>{{$t('时间')}}</li>
|
|
<li>{{$t('价格')}}({{currentPair.convertType}})</li>
|
|
<li>{{$t('数量')}}({{currentPair.dealCoin}})</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="deal-folder">
|
|
<div class="deal-list" v-for="(item,index) of transactions.data" :key="index">
|
|
<ul>
|
|
<li><span>{{item.date | dateFormat('HH:mm:ss')}}</span></li>
|
|
<li><span class="red-text">{{item.price}}</span></li>
|
|
<li><span>{{item.amount}}</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
export default {
|
|
name: 'tradeDeal',
|
|
computed: {
|
|
...mapState('trend', ['currentPair','transactions']),
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|