该客服

李凌

2026-03-11 51b35cc2acf48af03f32f1918d20a126a48d6e9b

 src/views/homePage/index.vue

@@ -81,6 +81,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>

@@ -111,7 +124,7 @@
    // { key: 4, name: t('邀请好友'), icon: new URL('@/assets/imgs/home/home_4.png', import.meta.url) },
    // { key: 5, name: t('合约'), icon: new URL('@/assets/imgs/home/home_5.png', import.meta.url), path: '/trade/index' },
    // { key: 6, name: t('现货'), icon: new URL('@/assets/imgs/home/home_5.png', import.meta.url), path: '/cryptos/trade/btcusdt' },
    { key: 2, name: t('储值'), icon: new URL('@/assets/imgs/home/home_2.png', import.meta.url), path: '/cryptos/recharge/rechargeList?isForeign=true' },
    { key: 2, name: t('recharge'), icon: new URL('@/assets/imgs/home/home_2.png', import.meta.url), path: '/cryptos/recharge/rechargeList?isForeign=true' },
    // { key: 7, name: t('提现'), icon: new URL('@/assets/imgs/home/home_6.png', import.meta.url), path: '/exchange/withdraw-usdt' }
    { 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) },
@@ -133,6 +146,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) => {
@@ -244,6 +275,9 @@
    $tab-c: #888;
    $inp-c: #999;
    $crd-b: #f7f7f7;
    .popup_news{
        font-size: 1.8rem;
    }

    .index_notice {
        height: 100px;