Alert警告提示

視頻及原型文件下載：https://study.163.com/course/courseMain.htm?courseId=1209770824&share=2&shareId=400000000540015

定義：

當(dāng)用戶進(jìn)行某種操作時(shí)，網(wǎng)站會(huì)出現(xiàn)對(duì)應(yīng)的警告信息提示用戶，該提示信息的狀態(tài)不會(huì)主動(dòng)消失。

交互原則：

1、語句精簡(jiǎn)；

? 按鈕長(zhǎng)度不超過 4 個(gè)字；

? 標(biāo)題 6-20 個(gè)字；

? 正文不超過 30 個(gè)字。如無必要，正文可以省略；

2、直觀易懂：

? 標(biāo)題直接描述彈出 alert 的目的；

? 文案不許使用否定句及雙重否定；

? 不要出現(xiàn)間接、生僻的詞語（說大白話）；

? 多用動(dòng)詞&少用助詞&動(dòng)詞前置；

? 操作盡量使用及物動(dòng)詞表示；

? 將一句文案中的動(dòng)詞提前；

3、統(tǒng)一性：

? 彈出的位置統(tǒng)一；

? 交互風(fēng)格統(tǒng)一；

? 語言風(fēng)格統(tǒng)一；

交互說明：

1、【文案】：說明提示的文案內(nèi)容，例如：成功的刪除了一個(gè)商品，點(diǎn)擊后可撤銷本次刪除；

2、【觸發(fā)條件】：需要說明觸發(fā)Alert的條件，例如：點(diǎn)擊【刪除】按鈕，顯示Alert提示：成功的刪除了一個(gè)商品，點(diǎn)擊后可撤銷本次刪除；

3、【是否可關(guān)閉】：需要說明是否可以關(guān)閉Alert，關(guān)閉的方式和樣式，例如：點(diǎn)擊消息通知即可關(guān)閉；

4、【觸發(fā)后的流程】：需要說明觸發(fā)Alert，后續(xù)有哪些流程，例如：點(diǎn)擊alert后，撤銷本次操作；

5、【顯示位置】:說明Alert提示的位置，例如：頂部居中顯示提示信息；

使用場(chǎng)景：

1、當(dāng)某個(gè)頁面需要向用戶顯示警告的信息時(shí)。

2、用戶某些操作后，給予用戶反饋：成功或失敗的提示。

3、系統(tǒng)的站內(nèi)通知或其它公示。

4、alert是可以換行的，可以支持比toast更多的場(chǎng)景使用；

例如神策當(dāng)用戶沒有權(quán)限時(shí)，會(huì)使用alert提示你沒有該模塊的權(quán)限，點(diǎn)擊可關(guān)閉，或查看權(quán)限的申請(qǐng)方法；

Alert的消息提示分類一共有四種類型：成功類、失敗類、警告類、消息類。

Alert組件樣式有：不帶關(guān)閉按鈕、帶關(guān)閉按鈕、不帶ICON、帶IOCN、左側(cè)顯示、居中顯示