layer使用总结一配置

Posted 2020-07-13 代码改变生活

　　导入layer.js文件即可,必须先导入jquery.js文件,因为layer是基于jquery

版本匹配,在此记录一下,layer使用1.8下载时是2.3的版本,对应的jquery使用1.8.3版本,都是用min压缩版;

layer的css和图片目录必须和js放在同一级目录下

//初体验
layer.alert(\'内容\')

//第三方扩展皮肤
layer.alert(\'内容\', {
  icon: 1,
  skin: \'layer-ext-moon\' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则，去这里查阅
})

$(function(){
//询问框
layer.confirm(\'您是如何看待前端开发？\', {
  btn: [\'重要\',\'奇葩\'] //按钮
}, function(){
  layer.msg(\'的确很重要\', {icon: 1});
}, function(){
  layer.msg(\'也可以这样\', {
    time: 20000, //20s后自动关闭
    btn: [\'明白了\', \'知道了\']
  });
});

//提示层
layer.msg(\'玩命提示中\');

    //加载层
    var index = layer.load(0, {shade: false}); //0代表加载的风格，支持0-2

    //小tips
    layer.tips(\'我是另外一个tips，只不过我长得跟之前那位稍有些不一样。\', \'吸附元素选择器\', {
      tips: [1, \'#3595CC\'],
      time: 4000
    });