1

李凌

2025-09-18 4e0d61d271cf51bcb3709986064d6bbfd84be896

 src/views/homePage/index.vue

@@ -20,7 +20,7 @@
            </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="#333" :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)">
@@ -34,37 +34,6 @@
                </van-swipe-item>
            </van-swipe>
        </van-notice-bar>

        <!-- <div class="flex justify-between mt-10">
            <van-swipe class="home_swipe_1" :autoplay="2000">
                <van-swipe-item v-for="value in swipe1" :key="value.key" class="flex justify-center items-center">
                    <img :src="value.img" alt="" class="swipe-item-img">
                </van-swipe-item>
                <template #indicator="{ active, total }">
                    <div class="custom-indicator"><span>{{ active + 1 }}</span>/{{ total }}</div>
                </template>
</van-swipe>

<div style="width:24rem">
    <van-swipe class="home_swipe_2" :autoplay="2000">
        <van-swipe-item v-for="value in swipe2" :key="value.key" class="flex justify-center items-center">
            <img :src="value.img" alt="" class="swipe-item-img">
        </van-swipe-item>
        <template #indicator="{ active, total }">
                        <div class="custom-indicator flex justify-center items-center">
                            <div v-for="value in total" :key="value" class="ml-1"
                                :class="active + 1 === value ? 'active' : ''">
                            </div>
                        </div>
                    </template>
    </van-swipe>

    <div class="purchase mt-7 font-bold flex justify-between items-center">
        {{ $t('购买加密货币') }}
        <van-icon name="arrow" />
    </div>
</div>
</div> -->

        <div id="cryptos" class="pt-10">
            <list-quatation :listData="qList" :tabShow="false" />
@@ -83,20 +52,25 @@
import { useStore } from "vuex";
import { TIME_OUT } from "@/config";
import { useUserStore } from '@/store/user';
import { setStorage,getStorage } from '@/utils/index.js';
  let catchSymbol = getStorage('symbol')
  if(!catchSymbol){
     setStorage('symbol', 'btcusdt');
  }
const userStore = useUserStore()

const { t } = useI18n()
const router = useRouter()
const store = useStore();

const tabbers = [
    // { key: 1, name: t('跟单'), icon: new URL('@/assets/imgs/home/home_1.png', import.meta.url) },
    // { key: 2, name: t('储值'), icon: new URL('@/assets/imgs/home/home_2.png', import.meta.url) },
    // { key: 3, name: `C2C ${t('交易')}`, icon: new URL('@/assets/imgs/home/home_3.png', import.meta.url) },
    // { 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: 7, name: t('提现'), icon: new URL('@/assets/imgs/home/home_6.png', import.meta.url), path: '/exchange/withdraw-usdt' },
    // { 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: 7, name: t('提现'), icon: new URL('@/assets/imgs/home/home_6.png', import.meta.url), path: '/exchange/withdraw-usdt' },/cryptos/Withdraw/withdrawPage
   { 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: 10, name: t('更多'), icon: new URL('@/assets/imgs/home/home_9.png', import.meta.url) },
@@ -160,7 +134,7 @@

onBeforeUnmount(() => {
    if (timeout.value) {
        clearInterval(timeout.value)
        clearTimeout(timeout.value)
    }
})
//#endregion----------------------------------------------
@@ -169,7 +143,7 @@

<style lang="scss">
.home_page {
    background: $white;
    // background: $white;
    min-height: 100vh;
    width: 100%;
    padding: 1rem 1rem 10rem 1rem;
@@ -193,9 +167,7 @@
        }

        .notice_content {
            &>div:first-child {
                color: $text_color1;
            }
            color: $text_color;
        }
    }

@@ -231,6 +203,7 @@

        .login_but_z {
            background: $crd-b;
            color: $text_color4;
        }

        .login_but_d {
@@ -243,7 +216,7 @@

        .grid_item {
            width: 24%;
            color: $tab-c;
            color: $text_color3;
            font-size: 1.6rem;

            .grid_item_img {