以前我写前端的时候都是直接使用alert进行弹窗,有点点硬核,这里记录一个比较好用的组件,不知道他的功能到底有多少,但是他的弹窗我用的最多,就记下来以后再次做弹窗也可以继续使用。
layer
一款jquery
的弹出层组件,非常好用。
常用的方式有:
1.普通弹出一个窗口
layer.alert('内容')
我们可以设置一些属性内容,比如
layer.alert('内容', {
icon: 1,
offset: "200px",
title: '提示'
});
icon
为弹出窗的图标,有0-7八种,每种的样式都不一样,可以自行去官网选择,
offset
表示大小
title
表示弹出窗的标题
同时他的属性还有很多,接下来继续说:
2、弹出一个双按钮选择框
layer.confirm('是否删除该条数据?', {
icon: 0,
offset: "200px",
title: '温馨提示'
}
这个会出现一个选择是否的窗口,而此时我们就可以使用他的另外的属性了,比如yes
layer.confirm('是否删除该条数据?', {
icon: 0,
offset: "200px",
title: '温馨提示'
yes:function(){
console.log("点击了是")
}
}
yes
表示点击了是的属性,可以使用回调函数,进行后续操作,这一点还是非常方便的
其他的属性可以去官网看看,而我们使用layer只需要引入他的js就可以了
<script src="/mystatic/js/plugins/layer/layer.min.js"></script>
可以将它下载下来放在你的项目里。
下载地址:(我的码云)
js下载
官网地址:
layer.js官网