Слияние кода завершено, страница обновится автоматически
Добавлен компонент карусели, ожидалось, что карусель будет отображаться корректно
Здесь прикрепите свой код
1. <Carousel arrows style="height: 100%;">
<div v-for="item in 4" :key="item" @click="dianji(item)">
<div class="flex-container">
<div class="flex-item-one">
Основной проект {{ item }}, данные
</div>
<div class="flex-item-two">
Область отображения графиков
</div>
</div>
</div>
</Carousel>
import { Carousel } from 'ant-design-vue';
.ant-carousel :deep(.slick-slide) {
text-align: center;
height: 100%;
background: #364d79;
overflow: hidden;
}
.ant-carousel :deep(.slick-slide h3) {
color: #fff;
}
/* Убедитесь, что высота контейнера Carousel составляет 100% */
.ant-carousel {
height: 100% !important;
}
/* Убедитесь, что высота slick-list и slick-track составляет 100% */
.ant-carousel :deep(.slick-list),
.ant-carousel :deep(.slick-track),
.ant-carousel :deep(.slick-slider){
height: 100%;
}
Карусель отображается нормально, но элементы внутри имеют неправильную высоту, хотя высота элементов уже установлена в 100%
1.
Здесь прикрепите сообщение об ошибке