码迷,mamicode.com
首页 > 其他好文 > 详细

layui自定义模块实例

时间:2021-02-01 11:57:31      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:cal   mic   view   body   html   max   use   ice   ref   

//位于js/compent.js中
//compent.js 自定义layui模块 layui.define(function(exports){ var obj ={ hello:function(){ } } exports("compent",obj); //输出本模块的访问接口为compent对象 });

  

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>自定义模块</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
 
<!-- 你的HTML代码 -->
 
<script src="layui/layui.js"></script>
<script>
//全局配置
layui.config({
	base:‘js/‘    //全局定义自定义模块的根目录
}).extend({
	compent:‘compent‘  //拓展模块为compent
})
//加载模块
layui.use([‘layer‘,‘compent‘],function(){
	var layer = layui.layer;
	var compent = layui.compent;
	layer.msg("风继续吹!");
	compent.hello();
})
</script> 
</body>
</html>

实例目录:

技术图片

 

layui自定义模块实例

标签:cal   mic   view   body   html   max   use   ice   ref   

原文地址:https://www.cnblogs.com/nanfengnan/p/14350105.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!