| 
  
 | 
<!DOCTYPE html> 
 | 
<html> 
 | 
<head> 
 | 
  <meta charset="utf-8"> 
 | 
  <title>代码修饰</title> 
 | 
  <meta name="renderer" content="webkit"> 
 | 
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 | 
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> 
 | 
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all"> 
 | 
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all"> 
 | 
</head> 
 | 
<body> 
 | 
  
 | 
  <div class="layui-card layadmin-header"> 
 | 
    <div class="layui-breadcrumb" lay-filter="breadcrumb"> 
 | 
      <a lay-href="">主页</a> 
 | 
      <a><cite>组件</cite></a> 
 | 
      <a><cite>代码修饰</cite></a> 
 | 
    </div> 
 | 
  </div> 
 | 
   
 | 
  <div class="layui-fluid"> 
 | 
    <div class="layui-row layui-col-space15"> 
 | 
      <div class="layui-col-md12"> 
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">默认修饰</div> 
 | 
          <div class="layui-card-body"> 
 | 
            <pre class="layui-code">//在里面存放任意的代码 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
            </pre> 
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">notepad风格</div> 
 | 
          <div class="layui-card-body"> 
 | 
            <pre class="layui-code" lay-title="JavaScript" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
            </pre> 
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">代码中的代码</div> 
 | 
          <div class="layui-card-body"> 
 | 
            <pre class="layui-code">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
      <pre class="layui-code">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
      </pre> 
 | 
      </pre> 
 | 
       
 | 
      <pre class="layui-code" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
      <pre class="layui-code" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
<pre class="layui-code" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
<pre class="layui-code" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
<pre class="layui-code" lay-skin="notepad">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; 
 | 
  var set = (events = modName + '.'+ events).replace(filter, '');  
 | 
}; 
 | 
            </pre> 
 | 
            </pre> 
 | 
            </pre> 
 | 
            </pre> 
 | 
            </pre> 
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">固定高度</div> 
 | 
          <div class="layui-card-body"> 
 | 
            <pre class="layui-code" lay-height="150px">//代码区域 
 | 
Lay.fn.event = function(modName, events, params){ 
 | 
  var that = this, result = null, filter = events.match(/\(.*\)$/)||[]; //提取事件过滤器 
 | 
  var set = (events = modName + '.'+ events).replace(filter, ''); //获取事件本体名 
 | 
  var callback = function(_, item){ 
 | 
    var res = item && item.call(that, params); 
 | 
    res === false && result === null && (result = false); 
 | 
  }; 
 | 
  layui.each(config.event[set], callback); 
 | 
  filter[0] && layui.each(config.event[events], callback); //执行过滤器中的事件 
 | 
  return result; 
 | 
}; 
 | 
            </pre> 
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">XXX</div> 
 | 
          <div class="layui-card-body"> 
 | 
             
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">XXX</div> 
 | 
          <div class="layui-card-body"> 
 | 
             
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
        <div class="layui-card"> 
 | 
          <div class="layui-card-header">XXX</div> 
 | 
          <div class="layui-card-body"> 
 | 
             
 | 
          </div> 
 | 
        </div> 
 | 
         
 | 
      </div> 
 | 
    </div> 
 | 
  </div> 
 | 
   
 | 
  <script src="../../../layuiadmin/layui/layui.js"></script>   
 | 
  <script> 
 | 
  layui.config({ 
 | 
    base: '../../../layuiadmin/' //静态资源所在路径 
 | 
  }).extend({ 
 | 
    index: 'lib/index' //主入口模块 
 | 
  }).use(['index', 'code'], function(){ 
 | 
   
 | 
    layui.code({ 
 | 
      elem: 'pre' 
 | 
    }); 
 | 
   
 | 
  }); 
 | 
  </script> 
 | 
</body> 
 | 
</html> 
 |