layer弹窗

不得不说layer插件是一个超级好用的插件，这里整合的插件版本是layer v3.1.1，为了更合适光年模板，这里对插件做了一些调整，去除了一些图片，调整为字体图标，调整了颜色搭配，新增了弹窗的样式皮肤。

三方镜像文档地址：http://layui-doc.pearadmin.com/doc/modules/layer.html

弹窗动画完成后，谷歌浏览器下有一个hover的bug，鼠标移到最后一个按钮时，字有1px的移动。

常规使用

$('#example-1').click(function() {
    layer.alert('钱月英酬神还愿　冯子清误入桃园');
});

使用图标

layer.alert('赠金扇冯旭得意　拜天地翠秀许婚', {
    icon: "success",
})

设置风格

layer.alert('真才子走笔成章　假斯文揉碎肚肠', {
    skin: "lyear-skin-primary",
});

打开url地址

layer.open({
    type: 2,
    title: 'Light Year Admin',
    shadeClose: true,
    shade: 0.5,
    area: ['380px', '90%'],
    content: 'http://lyear.itshubao.com' //iframe的url
});

插件项目中页面名字：test_layer.html test_layer_v4.html

点击查看 layer弹窗插件 在线演示

涉及的文件：

• js/layer/layer.min.js