最近寫了乙個訊息彈窗的需求，訊息推送彈窗從頂部滑出，停滯5s，然後消失，使用者可以手動干擾，干擾之後3秒消失。
最先想用系統彈窗可以參考
但是寫完之後發現必須要使用者授權才能彈出，而我們的需求是接受通知的開關自己控制，所以不適用，我想到的是獲取decoview的framlayout，然後把自定義的彈窗直接新增上去，這樣可定製性還是比較好。
採用系統彈窗和直接新增到decoview兩種方式的區別:
系統彈窗在切換activity的時候不會消失，而直接新增到decoview的方式在切換activity時會消失，參考了**的聊天彈窗，他採用了兩種結合的方式，若使用者授權了系統彈窗，則用系統彈窗，若使用者未授權系統彈窗，則採用直接新增到decoview的方式。我這裡採用後者。
專案位址
初步完成效果如下
easyui防止彈窗超過父頁面頂部
在工作中使用easyui時常常會遇到這樣的問題，當彈窗可以拖拽時，不小心拖拽到父頁面的頂部以後就拽不回來了 其實解決辦法很簡單只需要在父頁面引入下面的js就可以了 var easyuipanelonmove function left,top if t 1 var width parseint th...
使用PNotify構建訊息彈窗
參考位址 官網 github npm倉庫 pnotify 屬性和預設值 text false 通知的文字 styling brighttheme 使用的樣式類.可以使用 brighttheme bootstrap3 bootstrap4 or a styling object.icons brigh...
vue彈窗訊息元件練習2
本來打算寫乙個那種提示完了自動消失的彈窗的，但是沒有想好淡入淡出的效果。所以暫時算是半成品。練習 如下 lang en charset utf 8 ys alert componenttitle input ys alert icon content 成功的樣式 success 失敗的樣式 erro...