Ionic Appでカスタムポップアップを作成する

Question

私のIonic Appでカスタムポップアップを作成しようとしましたが、Ionic CSSを使用して要件を完全に満たすように修正しようとしましたが、成功しません。私の手助けをしてください、もし私が編集して、私の要求を完全に満たすことができるサードパーティのCSSがあれば私に提案してください。

提案された設計

Answer 1

むしろAlert Controllerをカスタマイズするカスタムテンプレートと一緒にカスタムポップアップを作成するために使用することができるイオンModalControllerを見てください。あなたがしなければならないのは、通常のイオンページをionic generate page <pageName>で作成し、次にModalControllerを使ってテンプレートを膨張させ、ユーザーにポップアップを提示することだけです。 thisスレッドを読んで、あなたの要求に合った完全なフレックスポップアップを作成してください。 Thisは、アニメーションをモデルに追加する方法です。

constructor(public modalCtrl: ModalController) { 
} 

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