blame | history | patch | commit | commitdiff | ignore whitespace
1
李凌
2026-01-10 5f2b76b86980a149c9299acbf022c879e75b85bd 
 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 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> -->


        </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> -->


@@ -47,6 +46,9 @@


                </van-swipe-item>


            </van-swipe>


        </van-notice-bar>




        <h4 class="font-bold mt-10 mb-5 js_title">会社紹介</h4>


        <p class="js_content mb-5">ZFXデジタル通貨取引プラットフォーム(メタバース全球デジタル通貨取引プラットフォーム)は、現在唯ーの真に分散化されたメタパース·プロジェクトです。これは、コイン対コイン取引、先物契約、コインの融資·借入、OTC取引、全ネットワーク取引、分散型取引など、多様なシステム機能を提供するグローバルな総合取引プラットフォームであり、あらゆる種類の投資家の取引ニーズを満たします。メタバースの概念を暗号通貨に基づく経済と結びつけ、世界中の主要取引所の市場深度と効果的に接続し、より高い流動性を提供することを目指しています。メタ·ユニバース·トークン(ZFX、以下「ZFX」)は、メタバース内の交換手段として使用され人々がメタパース世界を探検し、理解することを導きます。さらに、ZFXはZFXデジタル通貨取引プラットフォームのエコシステムのさまざまな分野への入ロとして機能しますーゲーム、パーチャル·コンサート&クラブ、メディア、エンターテインメント、教育、メタバース内での旅行、仮想不動産への投資、ゲーム内の素材採掘、他のプレイヤーへのサービス支払い、ソーシャル体験およびアプリケーション、そして通貨が物理世界で使用できるあらゆるものに対してーただしZFXは仮想世界で作用します。要するに、それは仮想世界のデジタル通貨です。</p>




        <!-- <div class="flex justify-between mt-10">


            <van-swipe class="home_swipe_1" :autoplay="2000">


@@ -82,6 +84,19 @@


        <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;" :close-on-click-overlay="false"


            v-for="item in popupNewsList" :key="item.id">


            <div class="w-350 p-20 box-border popup_news">


                <div class="font-700 text-center font-28 textColor">{{ 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 textColor   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>




@@ -105,7 +120,6 @@


const { t } = 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) },


@@ -125,7 +139,7 @@


    // { 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/' },


]




// 获取公告数据


@@ -135,6 +149,24 @@


}).then(res => {


    announceList.value = res


})




// 获取弹出新闻


const popupNewsList = ref([])


_getPopupNews({


    language: useI18n().locale.value,


}).then(res => {


    if (res && res.length > 0) {


        let list = res


        list.forEach(item => {


            item.showPopUp = true


        })


        popupNewsList.value = list


    }


})


// 关闭弹窗新闻


const closePopNotice = (item) => {


    item.showPopUp = false


}




// 跳转公告详情


const toAnnounceDetail = (announceId) => {


@@ -147,9 +179,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)


        }


@@ -239,6 +278,23 @@


    $tab-c: #888;


    $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;