你能告訴我如何在離子2中做出定製的警報嗎?像在右上角添加圖像,使其可點擊如何在離子2中定製警報?
回答
對於這些我永遠只是創建一個自定義模式頁。您可以完全控制模態的所有方面,包括尺寸。它基本上只是一個帶有控制器和模板的頁面,也非常容易實現。
http://ionicframework.com/docs/v2/api/components/modal/ModalController/應該讓你的所有設置
我們可以用模態而不是使用警報給予填充到模態..加入莫代爾&寫這樣的代碼在App.scss :)
ion-modal {
background-color: rgba(0, 0, 0, 0.5);
ion-content.content{
top: 20%;
left: 10%;
width: 80%;
height: 50%;
border-radius: 10px;
.scroll-content {
border-radius: 20px;
}
}
}
有沒有有它適合內容大小的方法嗎?所以它不會與屏幕拉伸? –
@TadijaBagarić你可以給背景色透明,這樣白色背景不會見過那麼你的內容是適合現在:) –
我使用以下,以獲得所需峯尺寸。
.always-modal .modal-wrapper{
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
left: unset !important;
top: unset !important;
.ion-page{
margin:0 auto;
position: relative;
top:10%;
width: 75%;
height: 80%;
}
}
現在,無論何時我需要具有這些屬性的模態,我都會在模態選項中傳遞以下內容。
{ cssClass: "always-modal" }
我不能弄清楚當用戶點擊背景區域時如何解除這種模式。
有沒有有它適合內容大小的方法嗎?所以它不會與屏幕拉伸? –
- 1. 離子2警報提示
- 2. 如何在離子2中解除報警後執行操作
- 3. 離子2警報輸入調整
- 4. 如何將離子2中的警報方向更改爲RTL?
- 5. 如何停止執行,同時顯示警報,離子2
- 6. 定製離子對離子2
- 7. 微調警報離子
- 8. 如何在離子2中重定向
- 9. 離子2如何定製離子範圍?
- 10. 如何使用離子2框架在警報框中顯示選定的索引值
- 11. 從定製警報
- 12. 如何在離子2
- 13. 如何在離子2
- 14. 如何離子2
- 15. 離子只彈出警報第一次
- 16. 如何在離子2中使用turn.js?
- 17. 如何在離子2中使用pdfmake?
- 18. Angular 2+中的自定義警報
- 19. 如何將Wrap離子輸入包裹在離子2+中?
- 20. 如何在離子2中連續放置多個離子卡?
- 21. 離子3 - 如何添加'不再問我'複選框到警報控制器?
- 22. 離子2:警告後,「故宮安裝」
- 23. 離子2警告:[波旁] [棄用]
- 24. 在離子2
- 25. 在Javascript中如何定製警報窗口?
- 26. 如何在離子2中製作字母索引列表?
- 27. 離子警報 - 檢查結果是否未定義
- 28. 媒體查詢收縮離子> = 2警報不工作在IOS
- 29. 共享點警報定製
- 30. 如何在特定時間2天后停止報警服務?
非常感謝@joshua奧納您重播 –