前端弹窗推荐一个好用的组件

以前我写前端的时候都是直接使用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官网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值