From 4931fb42270d5fd00a0a22270d684476ffa53917 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Sat, 11 Oct 2025 18:35:08 +0800
Subject: [PATCH] 1
---
src/views/quotes/List.vue | 30 +++++++++++++++++++++++++++---
1 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/src/views/quotes/List.vue b/src/views/quotes/List.vue
index 5fc9e0c..2e8010a 100644
--- a/src/views/quotes/List.vue
+++ b/src/views/quotes/List.vue
@@ -1,7 +1,7 @@
<template>
<div class="quotes-list pt-5 pb-60 pl-5 pr-5" id="cryptos">
- <Head></Head>
+ <Head @search="onSearch"></Head>
<list-quatation :listData="qList" :tabActive="2" />
</div>
</template>
@@ -15,10 +15,11 @@
import Head from './components/head.vue'
const store = useStore();
-console.log("aaaaaaaaaaa");
//#region 行情数据----------------------------------------
let qList = ref([])
+let qListCope = ref([]) // 备份数据
+let key = ref('') // 搜索关键词
let timeout = ref(null)
const coinArr = computed(() => store.getters['home/coinArr']);
@@ -29,7 +30,16 @@
if (!(list instanceof Array)) {
return
}
- qList.value = list;
+
+ // 通过关键字进行筛选
+ if (key.value) {
+ qList.value = list.filter(item => {
+ return item.symbol_data.toLowerCase().includes(key.value.toLowerCase()) || item.name.toLowerCase().includes(key.value.toLowerCase())
+ })
+ } else {
+ qList.value = list
+ }
+ qListCope.value = list; // 备份数据
if (timeout.value) {
clearTimeout(timeout.value)
@@ -46,6 +56,20 @@
}
})
//#endregion----------------------------------------------
+
+// 搜索
+const onSearch = (val) => {
+ key.value = val
+
+ if (!val) {
+ qList.value = qListCope.value
+ return
+ }
+ let newList = qListCope.value.filter(item => {
+ return item.symbol_data.toLowerCase().includes(val.toLowerCase()) || item.name.toLowerCase().includes(val.toLowerCase())
+ })
+ qList.value = newList
+}
</script>
<style lang="scss" scoped>
.quotes-list {
--
Gitblit v1.9.3