前端框架LayUI使用记录

工作中,需要快速开发,搭建网站。需要各种前端框架,比如说BootStrap、eChars、layUI等。之前使用较少,现做一个学习记录。

一、LayUI前端框架

  1. layer 弹出层组件效果
    --layui的弹层模块可以单独使用layer,依赖Jquery
  2. layDate 日期选择器组件
    --layui的日期组件可单独使用laydate
  3. layIM 即时通信组件

二、使用引入

    
    
     

1.1 弹层

// 弹层
layer.msg('弹层信息');
// 可选弹层
layer.confirm('提示信息',{
        btn:['ok','no']      //选择信息
    },function(){
    // 第一个执行
    }, function(){
    // 第二个执行
});
// 提示信息,一般用于表单
layer.tips('提示信息','#div1',{ // 提示信息  依附于哪个元素
    tips:[1,'#3595CC'],  // 样式
    time:2000  //显示时间
})
// 输入弹层
layer.prompt('请输入密钥')

2.1 日期组件

// 日期组件可以在layui中使用,也可以作为组件使用
// layui中使用


// 单独作为组件

你可能感兴趣的:(layer)