layui hello world 

layui.define(function(exports){ // 需确保您的 layui.js 是引入的构建后的版本（即官网下载或 git 平台的发行版）
                         //直接可得到各种内置模块
    var layer = layui.layer;

    //…
    layer.msg('Hello World');

    exports('index', { msg: 'Hello Demo'}); //注意，这里是模块输出的核心，模块名必须和 use 时的模块名一致
});

　　

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>huluxia</title>
    <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>

<script src="layui/layui.js" charSet="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->

<script>
    layui.config({
        dir: './layui/' //layui.js 所在目录（如果是 script 单独引入 layui.js，无需设定该参数）一般可无视
        ,version: true //一般用于更新模块缓存，默认不开启。设为 true 即让浏览器不缓存。也可以设为一个固定的值，如：201610
        ,debug: true //用于开启调试模式，默认 false，如果设为 true，则JS模块的节点会保留在页面
        ,base: './modules/' //设定扩展的 layui 模块的所在目录，一般用于外部模块扩展
    });
</script>
<script>
    layui.config({
        base:'./modules/'
    }).use('index');
</script>
</body>
</html>

 

posted @ 2021-08-18 07:45  老运维  阅读(52)  评论(0)    收藏  举报