layer_mobile的簡單使用

layer mobile彈層組件是為移動設備（手機、平板等webkit內核瀏覽器/webview）量身定做的彈層UI。

由於是采用原生 JavaScript編寫，所以並不依賴任何第三方庫。

layer mobile完全獨立於PC版的layer，只需要按照場景選擇使用即可。

官方文檔  http://layer.layui.com/mobile/

使用步驟一:  下載該組件的相關文件

在上面鏈接下載該彈層組件(移動版),  解壓下載包,保留下圖圈起來的文件夾.

 

上面保留的文件夾下有layer.js和need文件夾下的layer.css,不要改變文件結構,如下:

使用步驟二:  在項目里面引入該組件

這個組件包含了js和css文件,但是在使用的時候只需要引入js文件(里面自動引入了css文件)

<script src="js/layer_mobile/layer.js"></script>   <!--這里是相對路徑-->

引入之后,我們來測試一下是否成功引入 (直接復制官方文檔的案例即可):

layer.open({
    content: "Send success",
    btn: 'confirm',
    time: 2 
});

該組件只有10KB左右 !