From 23317b2e11aca690e8f1f349edf6f35da7ee65d3 Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 04 Feb 2026 15:00:02 +0800
Subject: [PATCH] 1
---
src/views/homePage/index.vue | 93 ++++++++++++++++++++++++++++++++++++++++------
1 files changed, 80 insertions(+), 13 deletions(-)
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index 4c024fb..020f54b 100644
--- a/src/views/homePage/index.vue
+++ b/src/views/homePage/index.vue
@@ -3,17 +3,16 @@
<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">
+ <!-- <video autoplay loop muted playsinline class="home_logo">
<source src="@/assets/video/home_1.mp4" type="video/mp4">
- 您的浏览器不支持 video 标签。
- </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> -->
@@ -82,13 +81,27 @@
<div id="cryptos" class="pt-10">
<list-quatation :listData="qList" :tabShow="false" :tabActive="2" />
</div>
+
+ <van-popup v-model:show="item.showPopUp" style="border-radius:10px;" v-for="item in popupNewsList"
+ :key="item.id">
+ <div class="w-350 p-20 pb-10 box-border popup_news">
+ <div class="font-700 text-center font-28">{{ item.title }}</div>
+ <div class="flex justify-center mt-30" v-if="item.imgUrl">
+ <img :src="`${item.imgUrl}`" class="w-200 h-200" alt="" />
+ </div>
+ <div class="py-10 content-title" v-html="item.content"></div>
+ <van-button color="#1194F7" class="w-full h-40 rounded-full" type="info" @click="closePopNotice(item)">
+ {{ $t('我知道了') }}
+ </van-button>
+ </div>
+ </van-popup>
</div>
</template>
<script setup>
import Head from './components/head.vue'
import { useI18n } from "vue-i18n";
-import { ref, computed, onBeforeUnmount } from 'vue';
+import { ref, computed, onBeforeUnmount, onMounted, watch } from 'vue';
import { useRouter } from 'vue-router';
import ListQuatation from "@/components/Transform/list-quotation/index.vue";
import { _getHomeList } from '@/service/cryptos.api'
@@ -102,10 +115,9 @@
setStorage('symbol', 'btcusdt');
}
const userStore = useUserStore()
-const { t } = useI18n()
+const { t, locale } = useI18n()
const router = useRouter()
const store = useStore();
-const customer_service_url = ref(customerServiceUrl) // 客服链接,有值的话就会跳转到客服外链
const tabbers = [
// { key: 1, name: t('跟单'), icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url) },
@@ -120,21 +132,50 @@
// { 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: 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' },
// { key: 12, name: "C2C", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/wantBuy' },
// { key: 13, name: t('质押'), icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '' },
{ key: 14, name: t('onLineService'), icon: new URL('@/assets/imgs/home/home_10.png', import.meta.url), path: '/customerService' },
- { key: 15, name: 'DXCM PDF', icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '' },
+ // { key: 15, name: 'DXCM PDF', icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: 'https://www.dexm-whitepaper.com/' },
+ { key: 11, name: "ICO", icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url), path: '/ICO/ico' },
]
// 获取公告数据
const announceList = ref([])
_getNewsList1({
- language: useI18n().locale.value,
+ language: locale.value,
}).then(res => {
announceList.value = res
})
+
+// 获取弹出新闻
+const popupNewsList = ref([])
+const fetchPopupNews = async () => {
+ const partyId = userStore.userInfo?.partyId
+ const language = locale.value
+
+ // 未登录/未拿到 partyId 时也允许请求（后端若需要 partyId，会自行返回空）
+ const params = partyId ? { language, partyId } : { language }
+
+ const res = await _getPopupNews(params).catch(() => null)
+ if (res && res.length > 0) {
+ const list = res
+ list.forEach(item => {
+ item.showPopUp = true
+ })
+ popupNewsList.value = list
+ }
+}
+
+onMounted(() => {
+ setTimeout(() => {
+ fetchPopupNews()
+ }, 1000)
+})
+
+// 关闭弹窗新闻
+const closePopNotice = (item) => {
+ item.showPopUp = false
+}
// 跳转公告详情
const toAnnounceDetail = (announceId) => {
@@ -147,9 +188,16 @@
const toPage = (path) => {
if (!path) return
+ // 如果路径包含 "http"，则作为外链跳转
+ if (path && (path.startsWith('http://') || path.startsWith('https://'))) {
+ window.open(path, '_blank');
+ return;
+ }
+
if (path == '/customerService') {
- if (customer_service_url.value) {
- window.location.href = customer_service_url.value;
+ // 客服链接,有值的话就会跳转到客服外链
+ if (customerServiceUrl()) {
+ window.location.href = customerServiceUrl();
} else {
router.push(path)
}
@@ -240,6 +288,25 @@
$inp-c: #999;
$crd-b: #f7f7f7;
+ .js_title {
+ font-size: 2rem;
+ text-align: center;
+ background: linear-gradient(to right, #87CEEB, #1E90FF, #0000CD);
+ -webkit-background-clip: text;
+ background-clip: text;
+ -webkit-text-fill-color: transparent;
+ color: transparent;
+ }
+
+ .js_content {
+ font-size: 1.6rem;
+ text-align: center;
+ }
+
+ .popup_news {
+ font-size: 1.8rem;
+ }
+
.index_notice {
height: 100px;
border-radius: 10px;
--
Gitblit v1.9.3