1

李凌

2025-09-12 0cf2a49d80c8d4ffba2df32f530f498a2c94458e

 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" />
@@ -174,7 +143,7 @@

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

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

@@ -236,6 +203,7 @@

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

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

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

            .grid_item_img {