Я хочу показать такой слайд на фото в ионной структуре

Нажмите здесь, чтобы посмотреть фото

<ion-slide style = "background-color: #2c2b33a3;" class = "kh mkk" *ngFor = "let mon of allmonths | filter:term" (click) = "getDatesInMonth(mon)">
                                <div class = "monthsremaining" let i = "mon?.month_id">
                                    <div class = "slide">
                                        <h2 class = "cr" [id] = "mon?.month_name" [class.active] = "mon?.month_name === currentMonth"> {{mon?.month_name}} </h2>
                                    </div>
                                </div>
                            </ion-slide>

                        </ion-slides>

                        <ion-slides style = "background-color: #2c2b33a3;">

                            <ion-slide style = "background-color: #2c2b33a3;" class = "wq mkk" *ngFor = "let date of dates; let i = index" (click) = "onSetDate('date' + i, 'dete' + i)">

                                <div class = "slide">
                                    <div class = "gol" [id] = "'date' + i" [class.active] = "date === mydate1">
                                        <p class = "pt" [id] = "'dete' + i"> {{ date }}</p>
                                        <!-- <p>{{mydate1}}</p> -->
                                    </div>
                                </div>



                            </ion-slide>

                        </ion-slides>

                        <ion-slides style = "background-color: #2c2b33a3;">
                            <ion-slide class = "khh mkk" *ngFor = "let time of timeslot; let i = index" (click) = "onSetTime('time' + i, time)">
                                <p [id] = "'time' + i" [class.active1] = "time.timeslot_id >= 18 && time.timeslot_id <= 33"> {{ time.start_time }} </p>
                            </ion-slide>
                        </ion-slides>

Вы не объяснили, что вы пробовали, а что не работает. Это неполный вопрос.

Hozikimaru 31.03.2021 06:55
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
4
1
31
0

Другие вопросы по теме