免费开源的移动端消息提示插件-Pxmu.js（无需依赖+轻巧优雅）

网页设计制作中现在页面的美观度和科技感越来越受追捧~轻巧优雅的WEB消息框/提示框会大大提升用户的体验度…

本期推荐一款免费开源的移动端消息提示插件-Pxmu.js：

Pxmu是一款由十月（Oct.cn）开发维护，全局使用flex布局，PC和移动端都可使用，样式精美，特点是轻量无依赖，整个插件只有一个 js 文件，支持常用的消息提示功能。

Pxmu.js功能特色说明：

全局使用flex布局，自适应兼容性强

PC和移动端都可使用

样式精美,可自定义动画/颜色/字体等

轻量\无需任何依赖即可运行~

目前支持常用的 toast diaglog success loading copy 等消息提示！

Pxmu缺点：

消息提示功能太少，并且弹框样式不够精美，大小适配等可能都没有遵循美学原理，使用过程中可以对部分css做下优化调整即可~

相比于大而全的 UI 组件库，它只解决了消息提示这个单一的功能，api 也很简单，官网所有的文档和代码例子都很简短，使用简单！

主要JS库文件：

<script type=”text/javascript” src=”https://unpkg.com/pxmu/dist/web/pxmu.min.js”></script>

自定义配置代码：

pxmu.toast({
msg: ‘操作成功’, //内容 不能为空
time: 2500, //停留时间 默认2500毫秒
bg: ‘rgba(0, 0, 0, 0.86)’, //背景颜色 默认黑色
color: ‘#fff’, //文字颜色 默认白色
location: ”,//居中center 顶部top 底部bottom默认
animation: ‘slidedown’, //显示的动画 默认fade 动画支持详见动画文档
type: ‘wap’, //默认wap样式 可选参数：pc 入参pc时
status: ”, //可选参数 success成功 warn警告 error错误 仅在type=pc时候生效，wap时可通过自定义bg、color改变样式
});

更多配置和接口使用说明可以进入下载页面进行查看官方说明…

这款优雅开源的消息提示JS组件，任何个人和公司都可以免费下载使用！