首页 > 其他 > 详细

layui hello world

时间:2021-08-18 10:14:51      阅读:32      评论:0      收藏:0      [点我收藏+]
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>

 

layui hello world

原文:https://www.cnblogs.com/huluxia-fun/p/15155030.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!