工作中,需要快速开发,搭建网站。需要各种前端框架,比如说 BootStrap、eChars、layUI 等。之前使用较少,现做一个学习记录。
一、LayUI 前端框架
layer 弹出层组件效果
layDate 日期选择器组件
layIM 即时通信组件
二、使用引入
<link rel=”stylesheet” href=”layui/css/layui.css”>
<script src=”layui/layui.all.js”></script>
<script>
// 将文件下载到本地,在文件中引用。
window.onload = function () {
var oBtn = document.getElementById(‘btn’);
oBtn.onclick = function () {
// 调用 layer 对象的 confirm() 方法,传入信息,按钮,函数
layer.confirm(‘ 明天放假吗?’,{
btn:[‘ 放假 ’,’ 不放 ’] // 按钮
},function(){
layer.msg(‘ 努力工作,将宝贵的时间,花在重要的地方 ’,{icon:1});
},function(){
layer.msg(‘ 继续加油,青春易逝,要在 30 岁收入更多 ’,{
time: 2000,
btn: [‘ 加油 ’,’ 放弃 ’]
})
})
}
}
</script>