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左右 !