如何修复离子载玻片中的重叠内容

Question

我正在使用离子幻灯片显示 ionic 3 的一些课程列表。 但是，有些内容是重叠的。如何修复此内容，以便可以通过滚动包含内容。见图。

Answer 1

如果问题是跳过按钮＆＃34;推＆＃34;记下你的内容，我建议移动你的＃34;跳过＆＃34;按钮进入标题。这也符合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

这将加载一个应用程序的构建模板，该应用程序具有您需要的演练组件（它将被称为＆＃34;教程＆＃34;在此项目的页面文件夹中）