简介
6px-alert-service是一个基于Node.js的前端提示框服务，提供了多种风格的弹窗，包括警告框、确认框、提示框等等。该服务基于npm发布，易于使用和管理。
安装与配置
安装
使用npm进行全局安装：
npm install -g 6px-alert-service
配置
在使用6px-alert-service前，需要将其及其依赖库引入到你的项目中：
<!-- 在head标签中加入以下代码 --> <link rel="stylesheet" href="PATH/TO/node_modules/6px-alert-service/dist/alert-service.css"> <!-- 在body标签中加入以下代码 --> <script src="PATH/TO/node_modules/6px-alert-service/dist/alert-service.js"></script>
使用说明
6px-alert-service的接口使用十分简单，只需调用相应的方法即可弹出对应的提示框。
提示框
alertService.notify('提示信息');警告框
alertService.warning('警告信息');错误框
alertService.error('错误信息');确认框
alertService.confirm('确认信息', function(confirm) {
if(confirm) {
console.log('用户点击了确认按钮');
} else {
console.log('用户点击了取消按钮');
}
});其中confirm参数表示用户点击的结果，为布尔类型。
高级用法
在基本使用的基础上，我们可以通过配置参数，定义自己需要的提示框风格。
-- -------------------- ---- -------
--- ------ - -
------ ----
------- ----
------ --------
-------- --------
------------- ------------
------------ ------------
------------- ----------
------------ ------
--
--------------------------- ----------------- -
----------- -
-------------------------
- ---- -
-------------------------
-
---总结
6px-alert-service是一个十分实用的前端提示框服务，提供了多种风格的弹窗，方便开发者在其项目中使用。在配置参数和高级用法中，我们可以自己定义适合自己项目的提示框风格。希望这篇文章能够对读者有一定的学习和指导意义。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------------------
----- ---------------- ---------------------------------------------------------------
-------
------
------- ------------------------------
------- -------------------------
------- -----------------------
------- -------------------------
------- ----------------------------------------------------------------------
--------
--- --------------- - ----------------------------------------
----------------------------------------- ---------- -
------------------------------
---
--- ---------- - -----------------------------------
------------------------------------ ---------- -
-------------------------------
---
--- -------- - ---------------------------------
---------------------------------- ---------- -
-----------------------------
---
--- --------- - ----------------------------------
----------------------------------- ---------- -
--- ------ - -
------ ----
------- ----
------ --------
-------- --------
------------- -------
------------ -------
------------- ----------
------------ ------
--
--------------------------- ----------------- -
----------- -
-----------------------
- ---- -
-----------------------
-
---
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1581e8991b448e6dfd