| | |
| | | @cancelOrder="cancelOrder" /> |
| | | </div> |
| | | <div class="py-20 px-20" v-else-if="tabType == '2'"> |
| | | <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice" :entrust="item" |
| | | :state="item.state" @cancelOrder="cancelOrder" /> |
| | | <history-item unit="USDT" v-for="item in entrustList" :key="item.order_no" :coinPrice="coinPrice" |
| | | :entrust="item" :state="item.state" @cancelOrder="cancelOrder" /> |
| | | </div> |
| | | <div class="py-20 px-20" v-else> |
| | | <div class="mb-20"> |
| | |
| | | :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')" |
| | | class="w-52 h-52 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong> |
| | | <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong> |
| | | <span class="font-20 text-grey">{{ item.full_name }}</span> |
| | | </p> |
| | | </div> |
| | |
| | | :src="item.symbol ? `${HOST_URL}/symbol/${item.symbol_data}.png` : handleImage('../../../assets/loading-default.png')" |
| | | class="w-52 h-52 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <strong class="font-28 textColor mb-6">{{ item.symbol.toUpperCase() }}</strong> |
| | | <strong class="font-28 textColor mb-6">{{ strToArr(item.full_name.toUpperCase(), '/')[0] }}</strong> |
| | | <span class="font-20 text-grey">{{ item.full_name }}</span> |
| | | </p> |
| | | </div> |
| | |
| | | import KLineCharts from '@/components/Transform/kline-charts/index.vue' |
| | | import historyItem from '@/components/Transform/history-item/index.vue' |
| | | import fxKline from '@/components/fx-kline/index.vue' |
| | | import { strToArr } from '@/utils/utis' |
| | | |
| | | import Axios from '@/service/trading' |
| | | import { _getHomeList } from '@/service/home.api' |
| | |
| | | this.getExchangeRate() |
| | | }, |
| | | methods: { |
| | | strToArr, |
| | | handleImage, |
| | | ...mapActions('home', [SET_COIN_LIST]), |
| | | onUpdate(symbol) { // 更新 |
| | |
| | | |
| | | #cryptos { |
| | | background-color: $mainbgWhiteColor; |
| | | |
| | | :v-deep(.px-4) { |
| | | padding-left: 30px !important; |
| | | padding-right: 30px !important; |