Как исправить наложение контента в ion-slide

Question

Я использую ion-slide для отображения списка уроков на ionic 3 . Тем не менее, некоторые элементы частично совпадают. Как я могу это исправить, чтобы содержимое могло содержаться, возможно, с помощью прокрутки. Смотрите изображение.

Answer 1

Если проблема в том, что кнопка пропуска «толкает» вниз ваш контент, я бы предложил переместить вашу кнопку «пропустить» в заголовок. Это также соответствует тому, как должен работать UX (используя верхнюю панель для таких действий, как пропуск)

<ion-header>
  <ion-navbar>
    <ion-title>
      Lesson 1
    </ion-title>
    <ion-buttons>
      <button ion-button (click)="startApp()">SKIP</button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

Но в целом я бы посоветовал вам посмотреть, как Ionic рекомендует использовать этот тип UX-компонентов.

Для этого создайте новый проект, используя: Ионный запуск MyApp super

это загрузит встроенный шаблон приложения, в котором есть необходимый компонент пошагового руководства (он будет называться «учебник» в папке страниц этого проекта)