| | |
|---|
| | | |
|---|
| | | <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> --> |
|---|
| | | |
|---|
| | | <!-- <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> --> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | | |
|---|
| | |
|---|
| | | }).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) => { |
|---|
| | |
|---|
| | | $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; |
|---|
