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/homePage/index.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 50 insertions(+), 10 deletions(-)
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index e0a06d8..db02613 100644
--- a/src/views/homePage/index.vue
+++ b/src/views/homePage/index.vue
@@ -1,10 +1,22 @@
<template>
<div class="home_page">
- <Head></Head>
- <div class="home_logo flex justify-center"><img src="@/assets/imgs/home/home_logo.png" alt=""></div>
- <div class="text-center font-bold mt-8 logo_text">{{ $t('复制财富，從此刻開始') }}</div>
- <div class="text-center mt-2 logo_text_small">{{ $t('超6000種熱門交易類別，立即註冊领取5000USDT') }}!</div>
+ <Head @search="onSearch"></Head>
+ <!-- <div class="home_logo flex justify-center"><img src="@/assets/imgs/home/home_logo.png" alt=""></div> -->
+ <!-- <van-swipe class="home_logo" :autoplay="3000" indicator-color="white">
+ <van-swipe-item><img src="@/assets/imgs/home/Slider-1.jpg" alt=""></van-swipe-item>
+ <van-swipe-item><img src="@/assets/imgs/home/Slider-2.jpg" alt=""></van-swipe-item>
+ <van-swipe-item><img src="@/assets/imgs/home/Slider-3.jpg" alt=""></van-swipe-item>
+ <van-swipe-item><img src="@/assets/imgs/home/Slider-4.jpg" alt=""></van-swipe-item>
+ </van-swipe> -->
+
+ <video autoplay loop muted playsinline class="home_logo">
+ <source src="@/assets/video/home_1.mp4" type="video/mp4">
+ 您的浏览器不支持 video 标签。
+ </video>
+
+ <!-- <div class="text-center font-bold mt-8 logo_text">{{ $t('复制财富，從此刻開始') }}</div>
+ <div class="text-center mt-2 logo_text_small">{{ $t('超6000種熱門交易類別，立即註冊领取5000USDT') }}!</div> -->
<div class="login_buts flex justify-between pl-10 pr-10 pt-10"
@@ -20,7 +32,8 @@
</div>
</div>
- <van-notice-bar class="font-26 mt-10 index_notice" background="#fafbfc" :scrollable="false" wrapable
+ <!-- 新闻 -->
+ <!-- <van-notice-bar class="font-26 mt-10 index_notice" background="#fafbfc" :scrollable="false" wrapable
color="#333333">
<van-swipe vertical class="notice-swipe" :autoplay="2000" :show-indicators="false">
<van-swipe-item v-for="item in announceList" :key="item.id" @click="toAnnounceDetail(item.uuid)">
@@ -33,7 +46,7 @@
</div>
</van-swipe-item>
</van-swipe>
- </van-notice-bar>
+ </van-notice-bar> -->
<!-- <div class="flex justify-between mt-10">
<van-swipe class="home_swipe_1" :autoplay="2000">
@@ -105,7 +118,7 @@
{ key: 7, name: t('提现'), icon: new URL('@/assets/imgs/home/home_6.png', import.meta.url), path: '/cryptos/Withdraw/withdrawPage' },
// { key: 8, name: t('卡券中心'), icon: new URL('@/assets/imgs/home/home_7.png', import.meta.url) },
// { key: 9, name: t('闪兑'), icon: new URL('@/assets/imgs/home/home_8.png', import.meta.url), path: '/cryptos/exchangePage' },
- { key: 9, name: t('划转'), icon: new URL('@/assets/imgs/home/home_8.png', import.meta.url), path: '/my/transfer' },
+ // { key: 9, name: t('划转'), icon: new URL('@/assets/imgs/home/home_8.png', import.meta.url), path: '/my/transfer' },
// { key: 10, name: t('更多'), icon: new URL('@/assets/imgs/home/home_9.png', import.meta.url) },
{ key: 11, name: "STO", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/ICO/ico' },
@@ -158,6 +171,8 @@
//#region 行情数据----------------------------------------
let qList = ref([])
+let qListCope = ref([]) // 备份数据
+let key = ref('') // 搜索关键词
let timeout = ref(null)
const coinArr = computed(() => store.getters['home/coinArr']);
@@ -168,7 +183,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)
@@ -178,6 +202,20 @@
}, TIME_OUT)
}
fetchQList()
+
+// 搜索
+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
+}
onBeforeUnmount(() => {
if (timeout.value) {
@@ -221,10 +259,12 @@
}
.home_logo {
- width: 100%;
+ width: 48rem;
+ margin: 2rem auto 1rem;
+ border-radius: 1rem;
img {
- width: 22.5rem;
+ width: 100%;
}
}
--
Gitblit v1.9.3