带进度条的通知提示框

1. 简介

本原型提供了两种样式、四种状态的通知提示框，通过全局变量控制样式与弹出，弹出 2 秒后自动关闭。

TipsMode：控制通知提示框的状态，共有成功、失败、注意、帮助四种状态
Tips：控制弹出，同时控制通知提示框中显示的文案

样式一：弹出时位于页面居中位置，带 2 秒关闭进度条

样式二：弹出时位于页面右上角位置

1. 将本原型下载到自己的电脑，并用 Axure 打开，如下图：

2. 原型中隐藏的 2个图元即两种样式，将自己需要的样式复制到自己的原型

（左图为本原型，右图为将样式二复制到自己原型后的截图）

3. 在自己的原型新建两个全局变量 Tips、TipsMode

4. 在要弹出提示框的元件（如按钮）添加交互用例（如鼠标单击时）设置全局变量的值

（样式一文案不建议超过 22 个字，样式二文案不建议超过 32个字，以获得更好的显示效果。）

5. 预览原型，鼠标点击按钮即可弹出提示框，2 秒后提示框自动消失。

1. 文件 → 从RP文件导入，选择本原型导入即可，使用方法同上