Question

那么如何使用离子框架制作如下图所示的幻灯片按钮？

Answer 1

很棒的问题!!

在CSS或Web社区中，它通常称为切换按钮。根据ionic的官方网站，你所说的，不会得到你想要的结果。

以下是官方代码段：

<ion-toggle ng-model="airplaneMode" toggle-class="toggle-calm">Airplane Mode</ion-toggle>

这是官方Codepen随之而来的

如果您还有这些相关问题，请查看官方docs！

快乐发展！

编辑：

如果我找到一个更好的解决方案我会分享，我认为你想要的离子是不完全可能的，但我现在似乎很难过：/

Edit2：我开始认为看起来很糟糕，这不仅仅是例如IOS，但没有在任何例子中找到它，只是标准的切换按钮。动画就像是一个复选框一样完成。所以基本上你正在检查它。它只是看起来不同。您可能需要自己设计。如果我找到一个，我将再次添加一个更好的解决方案，但就目前而言，我认为没有办法按照您的意愿完全获得它。