|
@@ -3,20 +3,13 @@
|
|
|
<div class="currency-list-wrapper">
|
|
|
<div class="search-input-wrapper">
|
|
|
<input class="input" v-model="keywords" @input="onInput" placeholder="Search name or paste address" />
|
|
|
- <img :src="require('../../assets/svg/icon-form-refresh.svg')"
|
|
|
- class="icon"
|
|
|
- :class="{ 'icon-refresh-rotate': refreshRotate }"
|
|
|
- @click="refresh">
|
|
|
- <img :src="require('../../assets/svg/icon-clear-search.svg')" class="icon-clear"
|
|
|
- v-if="keywords"
|
|
|
- @click="clearIpt" >
|
|
|
+ <img :src="require('../../assets/svg/icon-form-refresh.svg')" class="icon"
|
|
|
+ :class="{ 'icon-refresh-rotate': refreshRotate }" @click="refresh">
|
|
|
+ <img :src="require('../../assets/svg/icon-clear-search.svg')" class="icon-clear" v-if="keywords"
|
|
|
+ @click="clearIpt">
|
|
|
</div>
|
|
|
- <div class="list-wrapper"
|
|
|
- ref="listWrapperDom"
|
|
|
- @scroll="listScroll">
|
|
|
- <div class="page-list"
|
|
|
- ref="listContentDom"
|
|
|
- v-if="!showSearch">
|
|
|
+ <div class="list-wrapper" ref="listWrapperDom" @scroll="listScroll">
|
|
|
+ <div class="page-list" ref="listContentDom" v-if="!showSearch">
|
|
|
<div class="list-item" v-for="(item, index) in currencyInfoList" :key="index">
|
|
|
|
|
|
<template v-if="props.page != 'top-up' || item.type != 1">
|
|
@@ -70,7 +63,7 @@
|
|
|
<script setup>
|
|
|
/* eslint-disable */
|
|
|
import { defineEmits, ref, onMounted, defineProps } from "vue";
|
|
|
-import {getCurrencyInfo, searchCurrencyInfo, syncChainTokenRechargeRecord} from "@/http/publishApi";
|
|
|
+import { getCurrencyInfo, searchCurrencyInfo, syncChainTokenRechargeRecord } from "@/http/publishApi";
|
|
|
import { debounce } from "@/uilts/help";
|
|
|
|
|
|
const props = defineProps({
|
|
@@ -118,7 +111,7 @@ const clearIpt = () => {
|
|
|
}
|
|
|
|
|
|
const refresh = () => {
|
|
|
- if(!refreshRotate.value) {
|
|
|
+ if (!refreshRotate.value) {
|
|
|
refreshRotate.value = true;
|
|
|
setTimeout(() => {
|
|
|
refreshRotate.value = false;
|
|
@@ -164,7 +157,8 @@ const getCurrencyInfoList = () => {
|
|
|
params: {
|
|
|
pageNum: listReqParams.params.pageNum,
|
|
|
pageSize: listReqParams.params.pageSize,
|
|
|
- filterFiatCurrency: props.page == 'top-up'
|
|
|
+ filterFiatCurrency: props.page == 'top-up',
|
|
|
+ filterEmptyBalance: props.page != 'top-up'
|
|
|
}
|
|
|
};
|
|
|
getCurrencyInfo(params).then(res => {
|
|
@@ -196,7 +190,7 @@ const asyncTokenRechRecord = (cb) => {
|
|
|
currencyCode: ''
|
|
|
}
|
|
|
}).then(res => {
|
|
|
- if(res.code == 0) {
|
|
|
+ if (res.code == 0) {
|
|
|
cb && cb(res.data)
|
|
|
}
|
|
|
})
|