From da19a22d2422e6cc0c60047136670703815d8976 Mon Sep 17 00:00:00 2001 From: tj <1378534974@qq.com> Date: 星期三, 30 四月 2025 11:45:12 +0800 Subject: [PATCH] D:/devInstall/Git/about --- src/pages/Home.vue | 11 ++++++----- 1 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/pages/Home.vue b/src/pages/Home.vue index ec7a579..cc6a1a5 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -40,7 +40,7 @@ <div class="our-products-title mt-1 mt-md-3 w-100 p-2"> <h1 class="fs-3 fs-md-2 fs-lg-1">我们的产品</h1> </div> - <div style="width: 60%; margin: 0 auto;" class="d-none d-md-flex"> + <div style="width: 70%; margin: 0 auto;" class="d-none d-md-flex"> <div id="carouselExample" class="carousel slide w-100 " data-bs-ride="carousel" data-bs-interval="3000"> <div class="carousel-inner"> @@ -120,7 +120,7 @@ </div> <!-- 公司相关信息 --> - <div id="third-other" class="w-100 third-other" > + <div class="w-100" > <div class="row flex-md-nowrap"> <!-- 第一列:占1份 --> <div class="col-12 col-md-3 text-center text-md-left"> @@ -148,7 +148,7 @@ </div> <!-- 第三列:占1份 --> - <div class="col-12 col-md-3 text-center text-md-left"> + <div id="third-other" class="col-12 col-md-3 text-center text-md-left"> <!-- 公司信息 --> <div class="text-center my-5 text-dark fs-4">公司信息</div> <div class="container text-center"> @@ -216,9 +216,10 @@ <script lang="ts" setup> import { ref, onMounted, onBeforeUnmount ,nextTick} from 'vue' import { CarouselItem, CooperativeClient, ProductCenter, CompanyInfo, Products, ProductGroup } from '@/models/portalModels'; -import { useRoute } from 'vue-router' +import { useRoute, useRouter } from 'vue-router'; const route = useRoute() +const router = useRouter(); // 创建数据列表 const items = ref<CarouselItem[]>([ @@ -287,7 +288,7 @@ // 初始化时设置高度 onMounted(() => { - + updateCarouselHeight(); window.addEventListener('resize', updateCarouselHeight); -- Gitblit v1.9.3