css - 在 Ionic App 中创建自定义弹出窗口

Question

我尝试在我的 Ionic 应用程序中创建自定义弹出窗口，我尝试使用 Ionic CSS 进行修改以完全满足我的要求，但没有成功。如果有任何第三方 CSS 可用，我可以编辑并完全满足我的要求，请帮助我或建议我。

提议的设计

Answer 1

看看 ionic ModalController它可用于创建自定义弹出窗口以及自定义模板，而不是自定义 Alert Controller .您所要做的就是使用 ionic generate page <pageName> 创建一个普通的 ionic 页面然后使用 ModalController膨胀模板并将弹出窗口呈现给用户。阅读this线程来创建符合您要求的完全 flex 的弹出窗口。 This是如何向模型添加动画。

constructor(public modalCtrl: ModalController) {
}

let profileModal = this.modalCtrl.create(Profile);
profileModal.present();