123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159 |
-
-
- <!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>
|