dialog對話框
視頻及原型文件下載：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015
定義：
用于提示用戶當(dāng)前操作焙格，或是完成某個任務(wù)時需要的一些其他額外的信息雌续。對話框可以用確定/取消的簡單的應(yīng)答模式，也可以是自定義復(fù)雜的模式司草，例如表單的填寫驳庭。
交互原則：
1扩淀、不要在標(biāo)題中使用“抱歉打擾”吠撮、“危險握爷！”、“你確定模叙？”此類道歉、警告或含糊不清的標(biāo)題鞋屈；
2范咨、不要打亂按鈕順序故觅，肯定性按鈕在右，否定性按鈕在左渠啊；
3输吏、建議使用三種按鈕文案，確定文案(如刪除/導(dǎo)出）替蛉、駁回文案（如取消）和確認(rèn)文案（如我知道了/好的）贯溅；
4、不要濫用躲查，無預(yù)期的頻繁打斷用戶會引發(fā)反感它浅；
5、絕對不能被其他元素遮擋镣煮，需一直保持焦點(diǎn)直到被關(guān)閉或某個動作已被執(zhí)行姐霍。
交互說明：
1、【文案】：說明提示的文案內(nèi)容典唇，需要注明標(biāo)題镊折、內(nèi)容、操作項(xiàng)文案介衔，例如：
標(biāo)題文案：商品刪除確認(rèn)恨胚；
內(nèi)容文案：請確定是否刪除該商品？
操作文案：取消/確定炎咖；
2赃泡、【觸發(fā)條件】：需要說明觸發(fā)Dialog的條件，例如：點(diǎn)擊【刪除】按鈕塘装，顯示Dialog提示急迂；
3、【觸發(fā)后的流程】：需要說明觸發(fā)Dialog蹦肴，后續(xù)有哪些流程僚碎，例如：
用戶點(diǎn)擊【刪除】按鈕后，顯示商品刪除確認(rèn)提示框阴幌，當(dāng)客戶點(diǎn)擊【確定】按鈕后刪除該商品勺阐，點(diǎn)擊取消按鈕時，關(guān)閉Dialog對話框矛双，取消刪除操作渊抽；
4、【顯示位置】:說明Dialog提示的位置议忽，例如：當(dāng)前窗口居中顯示懒闷；
5、【是否有遮罩效果】：說明彈窗時是否需要遮罩效果，例如：點(diǎn)擊【刪除】按鈕愤估，遮罩顯示Dialog提示帮辟；
使用場景：
1、用于緊急不可逆情況的提示玩焰，需要用戶確認(rèn)該信息由驹。
2、用于提供列表項(xiàng)的詳細(xì)信息或操作昔园。
3蔓榄、用于頁面的調(diào)整確認(rèn)。
windows系統(tǒng)的確定按鈕一般在左邊默刚，而Mac OS的確定一般在右邊甥郑。因?yàn)檫@個原因，導(dǎo)致我們平時看到的確定有時候在左邊羡棵，有時候在右邊壹若。
微博和微信公眾號后臺的的對話框，確定在左邊皂冰，而淘寶的對話框在右邊店展。微信公眾號的對話框是小浮層彈窗，避免了遮罩出現(xiàn)秃流，同時對話框也出現(xiàn)在操作按鈕的附近赂蕴，對用戶的干擾性也是最弱的。
dialog對話框舶胀，有三種常見的使用場景概说。其中表單對話框、提示類嚣伐、表單類樣式糖赔、嵌套類都是基于二次確認(rèn)類對話框樣式的改變而得到不同的樣式。
