插件背景

项目开发中，经常需要一些toast、loading、diaglog等消息反馈框。引入现成的框架吧，太重了，其他功能都用不上。只是想给一个用户提醒，那有没有一款用完就走，不需要额外配置和依赖的插件呢？找了很多没有满意的。于是我们开发了这款插件。

目前公司项目多数都是h5页面单页，都在使用。本站消息层也是使用的pxmu。兼容PC样式

项目地址

文档官网：https://oct.cn/project/pxmu

github：https://github.com/shiyueGG/pxmu

码云：https://gitee.com/shiyuegg/pxmu

npm: https://www.npmjs.com/package/pxmu

jsdelivr: https://www.jsdelivr.com/package/npm/pxmu

体验

体验PC成功消息弹出层;)

Pxmu的特点：

  • 超轻量
  • 无任何依赖
  • 样式精美
  • 主针对移动端，兼容PC

支持的样式

  • toast 轻提示
  • loading 加载等待
  • diaglog 用户交互
  • copy 复制一段文本

开始

npm直接安装

npm i pxmu

npm地址：https://www.npmjs.com/package/pxmu

html引入最新版js库

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pxmu/dist/web/pxmu.min.js"></script>

全局配置

只需在引入库之后，设置一次

// 全局重叠设置
pxmu.overlap({
    loading : true,//是否不重叠弹出层 默认true不重叠。为false时会重叠消息层
    toast : true,//是否不重叠弹出层 默认true不重叠。为false时会重叠消息层
});

自定义参数

可前往文档体验和参考更多自定义参数

文档：http://oct.cn/project/pxmu/

最后修改于：2021-11-02 10:56
文章链接: https://oct.cn/view/18
版权声明: 本站所有文章除特别声明外。转载请注明来自 十月笔记
pxmu轻量消息提示框插件