| | |
| | | <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"> |
| | |
| | | </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"> |
| | |
| | | </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"> |
| | |
| | | <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[]>([ |
| | |
| | | |
| | | // 初始化时设置高度 |
| | | onMounted(() => { |
| | | |
| | | |
| | | updateCarouselHeight(); |
| | | window.addEventListener('resize', updateCarouselHeight); |
| | | |