内容简介：msg 1.2版本更新 增加弹出层，可使用 msg.popups(…) 调出弹出层 加载中、成功、失败三种提示，增加字体颜色白色，避免被其他影响不显示文字 加载中、成功、失败三种提示，增加0.8透明度，使之更委婉一点 加载中、...
msg 1.2版本更新
- 增加弹出层，可使用 msg.popups(…) 调出弹出层
- 加载中、成功、失败三种提示，增加字体颜色白色，避免被其他影响不显示文字
- 加载中、成功、失败三种提示，增加0.8透明度，使之更委婉一点
- 加载中、成功、失败三种提示，优化z-index，使提示窗口保持在最前面
- 优化加载中、成功、失败三种提示，如果提示文字过多，提示文字超过10个字符，会自动变为横向显示的提示窗，以免文字过多太丑
msg.js ，无任何css、三方js等依赖，适用于手机端、电脑端。
快速使用
第一步，引入 msg.js
<script src="https://res.weiunity.com/msg/msg.js"></script>
第二步，一行代码使用
msg.info('Hello Msg')
信息提示，2.5秒后自动关闭
msg.success('操作成功')
成功提示，1.5秒后自动关闭
msg.failure('操作失败');
失败提示，2.5秒后自动关闭
msg.loading('加载中');
加载中的提示，图片会有一张动图一直转圈。不会自动关闭，配合 msg.close(); 一起使用
msg.close();
弹出层
//普通弹出框。普通弹出窗只是显示内容，所以直接吧内容传入就可以了
msg.popups('我是弹出窗口，可以传入文字、也可以传入html');
//自定义弹出框。自定义，传入了一个自定义属性，内容文本也算是其中的一个属性。改弹出层自动会居中显示。
msg.popups({
text:'Hallo，是管雷鸣创造了我！', //弹出窗显示的内容，支持html
height:'100px', //弹出层显示的高度。不传默认是 auto。 传入如 100px 、 10rem 、 10% 等
width:'90%', //弹出层显示的宽度。不传默认是 90%。 传入如 100px 、 10rem 、 10% 等
close:true, //是否显示右上角的关闭按钮，不传默认是true，显示关闭按钮
background:'#2e2d3c', //背景颜色。十六进制颜色编码。不传默认是 '#2e2d3c'
opacity:92, //弹出层的透明度，默认是92, 取值0~100，0是不透明，100是全部透明
padding:'3px', //弹出层四周留的空隙，默认是1rem。可传入如 10px 、 1rem 等
});
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
