屏幕上会显示什么警报？

在程序开发中，经常需要给用户展示一些警报信息，以便让用户了解当前的应用状态或者需要用户进行一些操作。

警报类型

警报可以分为以下几种类型：

• 成功提示：表示操作成功执行
• 失败提示：表示操作执行失败
• 提示性消息：让用户了解一些提示信息
• 警告提示：表示操作有风险或需要用户进行确认

警报内容

警报内容应该尽可能清晰明了，让用户可以快速理解。

示例：

成功提示：

<div class="alert alert-success" role="alert">
  操作成功执行
</div>

失败提示：

<div class="alert alert-danger" role="alert">
  操作执行失败，请重试
</div>

提示性消息：

<div class="alert alert-info" role="alert">
  暂无数据可展示
</div>

警告提示：

<div class="alert alert-warning" role="alert">
  操作有风险，请确认后再执行
</div>

警报样式

警报样式应该与应用整体样式一致，以避免让用户感到突兀。

通常使用Bootstrap、Ant Design等UI框架提供的样式，为用户提供统一的、美观的界面体验。

示例：

<div class="alert alert-success" role="alert">
  操作成功执行
</div>

<div class="alert alert-danger" role="alert">
  操作执行失败，请重试
</div>

<div class="alert alert-info" role="alert">
  暂无数据可展示
</div>

<div class="alert alert-warning" role="alert">
  操作有风险，请确认后再执行
</div>