如何修复离子幻灯片中的重叠内容答案

【问题标题】：How to fix overlapping content in ion-slide如何修复离子幻灯片中的重叠内容
【发布时间】：2018-10-13 13:06:06
【问题描述】：

我正在使用 ion-slide 来显示一些关于 ionic 3 的课程列表。但是，有些内容是重叠的。我该如何解决这个问题，以便可以通过滚动包含内容。见图片。

【问题讨论】：

我没有看到任何重叠。我们需要您帮助了解问题。首先，澄清重叠在哪里。二、展示相关代码。
高度：适合内容；在 scss 文件中修复它，谢谢。

标签： angular typescript ionic-framework ionic3

【解决方案1】：

如果问题在于“向下推”内容的跳过按钮，我建议将“跳过”按钮移到标题中。这也符合用户体验的工作方式（利用顶部面板执行跳过等操作）

<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 组件。

为此创建一个新项目：ionic start MyApp super

这将加载具有您需要的演练组件的应用程序的构建模板（它将在此项目的页面文件夹中称为“教程”）

【讨论】：

非常感谢@Sergey，但我能够通过修改我的 scss 文件来修复它。因此：高度：适合内容；