介绍
bwindow 是一款基于 jQuery 实现的弹窗插件，可以用于前端开发中的页面弹窗，下拉框等功能。
安装
使用 npm 进行安装：
npm install bwindow --save
使用
引入
在项目中引入 bwindow 插件：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="./node_modules/bwindow/dist/bwindow.min.js"></script> <link rel="stylesheet" href="./node_modules/bwindow/dist/bwindow.min.css">
弹出框
通过以下代码可以实现一个简单的弹出框：
-- -------------------- ---- -------
-----------
------ -----
-------- ----------
------ --------
------- --------
------- --
----- ----------
----- -----
-------- -------- -- -
-----------------
-
-- -
----- ----------
----- -----
-------- -------- -- -
-----------------
-
--
---下拉框
通过以下代码可以实现一个简单的下拉框：
-- -------------------- ---- -------
----------------------
-------- --------
-------- ----- -------------------------------------------------------------------------
------- -------- -- -
-----------------------
------ --------------------------
----- --------------------------
---
-
---参数
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| title | String | '' | 弹窗标题 |
| content | String | '' | 弹窗内容 |
| width | String | 'auto' | 弹窗宽度 |
| height | String | 'auto' | 弹窗高度 |
| button | Array | [] | 弹窗按钮 |
| trigger | String | 'click' | 下拉框触发方式，可选 'click', 'hover' |
| content | String | '' | 下拉框内容 |
| onShow | Function | function () {} | 显示回调，接受两个参数，分别是触发元素和弹窗 |
| onHide | Function | function () {} | 隐藏回调，接受两个参数，分别是触发元素和弹窗 |
| onClick | Function | function () {} | 点击回调，接受一个参数，即当前选中的元素 |
结语
bwindow 是一款非常实用的前端插件，使用起来非常简单，但却可以帮助我们快速实现一些复杂的前端功能。使用这个工具，我们可以更加高效地进行前端开发，提高自己的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67966