简介
bh-mj-prompt 是一个前端的 npm 包，用于在浏览器中实现类似原生的提示框功能。该包支持自定义按钮、图标、标题、内容以及回调函数等属性，并支持多种样式设置。
在本文中，我们将详细介绍如何使用 bh-mj-prompt 包来实现前端中的提示框功能，包括样式设置和事件回调。
安装
使用 npm 安装 bh-mj-prompt 包：
npm install bh-mj-prompt --save-dev
使用 import 或 require 导入包：
import mjPrompt from 'bh-mj-prompt';
const mjPrompt = require('bh-mj-prompt');基本使用
1. 弹出提示框
使用 mjPrompt 的 show() 方法弹出提示框：
mjPrompt.show({
title: '提示',
message: '这是一个提示框',
callback: function() {
console.log('点击了确认按钮');
}
});该方法接受一个对象参数，其中必须包含 title 和 message 属性。当用户点击确认或取消按钮后，回调函数 callback 将被调用。
2. 自定义按钮
使用 mjPrompt 包可以自定义确认和取消按钮的显示文字、颜色和样式：
-- -------------------- ---- -------
---------------
------ -----
-------- ---------
------------------ ---- -- ---------
----------------- ---- -- ---------
------------------- ---------- -- ---------
------------------ ---------- -- ---------
--------- ---------------- -
------------------ - --------- - -----------
-
---3. 自定义样式
mjPrompt 包允许设置多种样式，包括背景色、边框颜色、字体颜色等：
-- -------------------- ---- ------- --------------- ------ -------- -------- ---------- ---------------- ---------- ----------- ---------- ------------- ---------- ------------ ---------- ------------------- ---------- ------------------ ---------- --------- ---------- -- ---
示例代码
完整示例代码如下：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-------------------
---- ---- ---
----- ---------------- -----------------------------------------------------------
---- ---- ---
------- ------------------------------------------------------------------
-------
------
-------------
------- ----------------------------------------
--------
-------- ------------ -
---------------
------ --------
-------- ---------
------------------ ----
----------------- ----
---------------- ----------
----------- ----------
------------- ----------
------------ ----------
------------------- ----------
------------------ ----------
--------- ---------------- -
------------------ - --------- - -----------
-
---
-
---------
-------
-------结语
bh-mj-prompt 是一款简单易用的前端 npm 包，可以快速实现提示框功能，并支持多种样式和自定义按钮。希望本文能够对读者进行指导和学习，帮助开发者更好地使用 bh-mj-prompt 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055f1781e8991b448dcac4