LayUI封裝 · LayUI的學習

[TOC] ## 第一步：JS ``` /** * @ Name: layui.notification 通知模塊兒 * @ Author: 賢心 * @ License:MIT */ layui.define('layer', function(exports){ var $ = layui.$ ,layer = layui.layer //外部接口 ,notification = { //... //詳見下篇 } //構造器 ,Class = function(options){ //... }; //默認配置 Class.prototype.config = { //…… }; //核心入口 notification.open = function(options){ return layer.msg(options); }; exports('notification',notification); }); ``` ## 第二步：使用 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>開始編寫一個自己的模塊：notification</title> <link rel="stylesheet" href="../layui/css/layui.css"> </head> <body> <script src="../layui/layui.js" charset="utf-8"></script> <script> layui.config({base: '../mods/'}).use('notification', function(){ var $ = layui.$ ,notification = layui.notification; notification.open('hello'); }); </script> </body> </html> ```