layer弹窗

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

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

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

#### 常规使用
![](/uploads/images/20220105/e73cd4fc6d9c0c70f5fab69f4d843000.png)
```javascript
$('#example-1').click(function() {
    layer.alert('钱月英酬神还愿　冯子清误入桃园');
});
```

#### 使用图标
![](/uploads/images/20220105/cf5b232af5cc217e1ed0822cfaa30856.png)
```javascript
layer.alert('赠金扇冯旭得意　拜天地翠秀许婚', {
    icon: "success",
})
```

#### 设置风格
![](/uploads/images/20220105/310b544d413644db461ae1db3e6fc84c.png)
```javascript
layer.alert('真才子走笔成章　假斯文揉碎肚肠', {
    skin: "lyear-skin-primary",
});
```

#### 打开url地址
![](/uploads/images/20220105/2da7b622e405513b0225f92d9b454777.png)
```javascript
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弹窗插件 在线演示](http://example.itshubao.com/example/117.html "点击查看 layer弹窗插件 在线演示")

涉及的文件：
- `js/layer/layer.min.js`