73

0

Notiflix

Notiflix 是一个纯JavaScript库,用于客户端非阻塞通知、弹出框、加载指示器等,可以让您的 Web 项目变得更好。

通知

通知

NPM 版本 已知漏洞 打字稿 下载 js交付 尺寸 执照 评价这个包

通知

Notiflix 是一个纯 JavaScript 库,用于客户端非阻塞通知、弹出框、加载指示器等,可以让您的 Web 项目变得更好。

当前版本

3.2.5 *

浏览器兼容性

Chrome || Firefox || Safari || Edge || Opera || * Edge Legacy || * IE 10+

~* 不支持 SVG 动画。~


文档

https://notiflix.github.io/documentation

模块(演示/游乐场)


(A) 安装和导入

安装

yarn

yarn add notiflix

npm

npm i notiflix

Import

// all modules
import Notiflix from 'notiflix';

// one by one
import { Notify } from 'notiflix/build/notiflix-notify-aio';
import { Report } from 'notiflix/build/notiflix-report-aio';
import { Confirm } from 'notiflix/build/notiflix-confirm-aio';
import { Loading } from 'notiflix/build/notiflix-loading-aio';
import { Block } from 'notiflix/build/notiflix-block-aio';

(B) 添加到 HTML 页面(全局)

CSS 和 JS

<link rel="stylesheet" href="dist/notiflix-3.2.5.min.css" />

<script src="dist/notiflix-3.2.5.min.js"></script>

或者只有 JS(多合一 - 内部 CSS)

<script src="dist/notiflix-aio-3.2.5.min.js"></script>

或仅 Modules JS(多合一 - 内部 CSS)

<script src="dist/notiflix-notify-aio-3.2.5.min.js"></script>

<script src="dist/notiflix-report-aio-3.2.5.min.js"></script>

<script src="dist/notiflix-confirm-aio-3.2.5.min.js"></script>

<script src="dist/notiflix-loading-aio-3.2.5.min.js"></script>

<script src="dist/notiflix-block-aio-3.2.5.min.js"></script>