介绍

Pxmu 是移动端超轻量的消息提示框插件
无需任何依赖,即可运行。由十月（Oct.cn）开发维护，全局使用flex布局，自适应兼容性强。PC和移动端都可使用。样式精美,可自定义动画/颜色/字体等
有常用的 toast diaglogsuccess loading copy 等

官网

https://oct.cn/project/pxmu/

简单使用

官网已经说的很详细了，这里搬运下

1、js引入

<script src="pxmu.min.js" type="text/javascript"></script>

2、使用

    //Toast测试
    //直接使用
    pxmu.toast('提示内容');
    //自定义配置
    pxmu.toast({
        msg: '操作成功', //内容 不能为空
        time: 2500, //停留时间 默认2500毫秒
        bg: 'rgba(0, 0, 0, 0.86)', //背景颜色 默认黑色
        color: '#fff', //文字颜色 默认白色
        location: 'center',//居中center 顶部top 底部bottom默认
        animation: 'slidedown', //显示的动画 默认fade 动画支持详见动画文档
        type: 'wap', //默认wap样式 可选参数：pc 入参pc时
        status: '', //可选参数 success成功 warn警告 error错误 仅在type=pc时候生效，wap时可通过自定义bg、color改变样式
    });
    //Diaglog测试
    //1、直接使用
    pxmu.diaglog('提示内容');
    //2、自定义配置
    pxmu.diaglog({
        congif: {
            animation: 'slidedeg', //自定义动画 动画名详见动画文档
        }
    }).then(function(res) {
        if (res.btn == 'right') {
            //点击了右侧按钮
        } else {
            //点击了左侧按钮
        }
    });
    //Loading测试
    //直接使用
    pxmu.loading('加载中..');
    //自定义配置
    pxmu.loading({
        msg: '正在加载', //loading信息 为空时不显示文本
        time: 2500, //停留时间 
        bg: 'rgba(0, 0, 0, 0.65)', //背景色
        color: '#fff', //文字颜色
        animation: 'fade', //动画名 详见动画文档
        close: true, // 自动关闭 为false时可在业务完成后调用 pxmu.closeload();手动关闭
        inscroll: false, //模态 不可点击和滚动
        inscrollbg : 'rgba(0, 0, 0, 0.45)',//自定义遮罩层颜色 为空不显示遮罩层
    });
    //手动关闭
    pxmu.closeload(100);//延时100毫秒关闭 默认0
    //Success测试
    pxmu.success('提示内容');
    //自定义配置
    pxmu.success({
        msg: '收藏成功', //loading信息 为空时不显示文本
        time: 2500, //停留时间 
        bg: 'rgba(0, 0, 0, 0.65)', //背景色
        color: '#fff', //文字颜色
        animation: 'fade', //动画名 详见动画文档
        close: true, // 自动关闭 为false时可在业务完成后调用 pxmu.closeload();手动关闭
        inscroll: false, //模态 不可点击和滚动
        inscrollbg : 'rgba(0, 0, 0, 0.45)',//自定义遮罩层颜色 为空不显示遮罩层
    });
    //手动关闭
    pxmu.closeload(100);//延时100毫秒关闭 默认0
    //Fail测试
    //直接使用
    pxmu.fail('收藏失败');
    //自定义配置
    pxmu.fail({
        msg: '收藏失败', //loading信息 为空时不显示文本
        time: 2500, //停留时间 
        bg: 'rgba(0, 0, 0, 0.65)', //背景色
        color: '#fff', //文字颜色
        animation: 'fade', //动画名 详见动画文档
        close: true, // 自动关闭 为false时可在业务完成后调用 pxmu.closeload();手动关闭
        inscroll: false, //模态 不可点击和滚动
        inscrollbg : 'rgba(0, 0, 0, 0.45)',//自定义遮罩层颜色 为空不显示遮罩层
    });
    //手动关闭fail
    pxmu.closeload(100);//延时100毫秒关闭 默认0
    //Copy使用
    //直接使用
    pxmu.copy('我将被复制');
    //dom声明复制
    //函数自定义复制
    pxmu.copy({
        el: '#test' //复制id为test下的内容，
    });
    //或者
    pxmu.copy({
        el: '.test' //复制class为test下的内容，
    });
    //Totop
    //使用 pxmu.totop() 方法快速回到顶部
    //直接使用
    pxmu.totop()

很爱