给你的子比网站轻提示添加一个现代化的css美化样式，众所周知子比自带的轻提示好像没有那么现代化的感觉！

说明

常用于这类提示等

notyf(‘操作成功’, ‘success’, 3);
notyf(‘提示信息’, ‘info’, 3);
notyf(‘请注意’, ‘warning’, 3);
notyf(‘操作失败’, ‘danger’, 3);
notyf(‘处理中…’, ‘load’);

对应 CSS 类名：

.notyn /* 提示总容器 */
.noty1 /* 单条提示外层 */
.notyf /* 提示内容 */
.notyf.success /* 成功 */
.notyf.info /* 信息 */
.notyf.warning /* 警告 */
.notyf.load /* 加载中 */
.notyf.danger /* 错误 */
.notyn-out /* 消失动画 */

html大致结构

<div class=”notyn”>
<div class=”noty1″>
<div class=”notyf success”>登录成功</div>
</div>
</div>

预览图