初識layer遮罩層

背景：樓主作了一個先刪除數據再插入的功能，可是狂點菜單的時候會有重複數據插入進來，設置字段unique以後，再狂點，控制檯也會報錯。

爲了防止這種問題出現，我採起了制止」狂點「這種行爲出現的作法，因此採用了layer的遮罩效果，當遮罩出現的時候菜單不可點擊，嘻嘻，若是你們有好的辦法，歡迎交流，聯繫方式在結尾處。

 

在官網下載最新的layui以下：

 ├─css //css目錄
│ │─modules //模塊css目錄（通常若是模塊相對較大，咱們會單獨提取，好比下面三個：）
│ │ ├─laydate
│ │ ├─layer
│ │ └─layim
│ └─layui.css //核心樣式文件
├─font //字體圖標目錄
├─images //圖片資源目錄（目前只有layim和編輯器用到的GIF表情）
│─lay //模塊核心目錄
│ └─modules //各模塊組件
│─layui.js //基礎核心庫
└─layui.all.js //包含layui.js和全部模塊的合併文件     

 而後將js和css引入在頁面中，注意路徑，若是沒效果，能夠在網頁源代碼中查看是否引入

<link rel="stylesheet" href="static/layui/css/modules/layer/default/layer.css">
<script src="static/layui/lay/modules/layer.js"></script>

實現遮罩的代碼：停留10000毫秒自動消失 && 當遮罩出現的時候，頁面上其餘地方點擊不了

<script>
    top.layer.load(2, {time: 1*10000});
</script>

效果圖以下：

layer庫很強大，可查看官方文檔學習更多樣式和操做

 

 

聯繫方式：

qq：214899764

一枚java程序猿，歡迎交流