{"id":2902,"date":"2018-06-24T16:46:16","date_gmt":"2018-06-24T08:46:16","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=2902"},"modified":"2018-06-24T16:46:16","modified_gmt":"2018-06-24T08:46:16","slug":"%e5%89%8d%e7%ab%af%e6%a1%86%e6%9e%b6-layui-%e8%a7%86%e9%a2%91%e6%95%99%e7%a8%8b%e5%85%8d%e8%b4%b9%e4%b8%8b%e8%bd%bd","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=2902","title":{"rendered":"\u524d\u7aef\u6846\u67b6 Layui \u89c6\u9891\u6559\u7a0b\u514d\u8d39\u4e0b\u8f7d"},"content":{"rendered":"<p>\n\t<a href=\"http:\/\/www.layui.com\" name=\"layui\" target=\"_blank\" title=\"layui\">layui<\/a>\uff0c\u662f\u4e00\u6b3e\u91c7\u7528\u81ea\u8eab\u6a21\u5757\u89c4\u8303\u7f16\u5199\u7684\u524d\u7aef UI \u6846\u67b6\uff0c\u9075\u5faa\u539f\u751f HTML\/CSS\/JS \u7684\u4e66\u5199\u4e0e\u7ec4\u7ec7\u5f62\u5f0f\uff0c\u95e8\u69db\u6781\u4f4e\uff0c\u62ff\u6765\u5373\u7528\u3002\u5176\u5916\u5728\u6781\u7b80\uff0c\u5374\u53c8\u4e0d\u5931\u9971\u6ee1\u7684\u5185\u5728\uff0c\u4f53\u79ef\u8f7b\u76c8\uff0c\u7ec4\u4ef6\u4e30\u76c8\uff0c\u4ece\u6838\u5fc3\u4ee3\u7801\u5230 API \u7684\u6bcf\u4e00\u5904\u7ec6\u8282\u90fd\u7ecf\u8fc7\u7cbe\u5fc3\u96d5\u7422\uff0c\u975e\u5e38\u9002\u5408\u754c\u9762\u7684\u5feb\u901f\u5f00\u53d1\u3002layui \u9996\u4e2a\u7248\u672c\u53d1\u5e03\u4e8e2016\u5e74\u79cb\uff0c\u5979\u533a\u522b\u4e8e\u90a3\u4e9b\u57fa\u4e8e MVVM \u5e95\u5c42\u7684 UI \u6846\u67b6\uff0c\u5374\u5e76\u975e\u9006\u9053\u800c\u884c\uff0c\u800c\u662f\u4fe1\u5949\u8fd4\u749e\u5f52\u771f\u4e4b\u9053\u3002\u51c6\u786e\u5730\u8bf4\uff0c\u5979\u66f4\u591a\u662f\u4e3a\u670d\u52a1\u7aef\u7a0b\u5e8f\u5458\u91cf\u8eab\u5b9a\u505a\uff0c\u4f60\u65e0\u9700\u6d89\u8db3\u5404\u79cd\u524d\u7aef\u5de5\u5177\u7684\u590d\u6742\u914d\u7f6e\uff0c\u53ea\u9700\u9762\u5bf9\u6d4f\u89c8\u5668\u672c\u8eab\uff0c\u8ba9\u4e00\u5207\u4f60\u6240\u9700\u8981\u7684\u5143\u7d20\u4e0e\u4ea4\u4e92\uff0c\u4ece\u8fd9\u91cc\u4fe1\u624b\u62c8\u6765\u3002\n<\/p>\n<p>\n\tlayui\u7684\u5143\u7d20\u7531\u4ee5\u4e0b\u7ec4\u6210\uff1a\n<\/p>\n<p>\n\t\u5e03\u5c40\uff08\u6805\u683c\u3001\u540e\u53f0\u5e03\u5c40\uff09\u3001\u989c\u8272\u3001\u5b57\u4f53\u56fe\u6807\u3001\u52a8\u753b\u3001\u6309\u94ae\u3001\u8868\u5355\u3001\u5bfc\u822a\u6761\u3001\u9762\u5305\u5c51\u3001\u9009\u9879\u5361\u3001\u8fdb\u5ea6\u6761\u3001\u9762\u677f\u3001\u9759\u6001\u8868\u683c\u3001\u5fbd\u7ae0\u3001\u65f6\u95f4\u7ebf\u3001\u8f85\u52a9\u5143\u7d20\u7b49\u3002\n<\/p>\n<p>\n\t\u4ece\u7c89\u4e1d\u7559\u8a00\u6765\u770b\uff0c\u76ee\u524d\u56fd\u5185\u4f7f\u7528 layui \u7684\u516c\u53f8\u8fd8\u4e0d\u5c11\uff0c\u56e0\u6b64\u7ed9\u5927\u5bb6\u5206\u4eab\u4e00\u4e0b\u57fa\u4e8e LayUi \u7684\u89c6\u9891\u6559\u7a0b\u3002\u672c\u89c6\u9891\u514d\u8d39\u4e0b\u8f7d\uff0c\u65e0\u9700\u89e3\u538b\u5bc6\u7801\uff01\n<\/p>\n<p>\n\t\u672c\u89c6\u9891\u5171\u5206\u4e3a 8 \u4e2a\u7ae0\u8282\uff0c\u7ae0\u8282\u8be6\u60c5\u5982\u4e0b\uff1a\n<\/p>\n<ul>\n<li>\n\t\t01_Layui\u7b80\u4ecb\u4ee5\u53ca\u57fa\u672c\u4f7f\u7528\n\t<\/li>\n<li>\n\t\t02_Layui\u5e03\u5c40\n\t<\/li>\n<li>\n\t\t03_Layui\u989c\u8272\n\t<\/li>\n<li>\n\t\t04_Layui\u56fe\u6807\n\t<\/li>\n<li>\n\t\t05_Layui\u52a8\u753b\u3001\u6309\u94ae\u3001\u8868\u5355\n\t<\/li>\n<li>\n\t\t06_Layui\u5bfc\u822a\u3001\u9762\u5305\u5c51\n\t<\/li>\n<li>\n\t\t07_Layui\u9009\u9879\u5361\u3001\u8fdb\u5ea6\u6761\u3001\u9762\u677f\u3001\u5fbd\u7ae0\u3001\u65f6\u95f4\u7ebf\u3001\u8f85\u52a9\u5143\u7d20\n\t<\/li>\n<li>\n\t\t08_Layui\u5f39\u51fa\u5c42\u3001\u65e5\u671f\u548c\u65f6\u95f4\u9009\u62e9\u3001\u5373\u65f6\u901a\u8baf\u3001\u5206\u9875\n\t<\/li>\n<\/ul>\n<p>\n\t\u540c\u6837\u7684\uff0c\u8001\u89c4\u77e9\uff0c\u5173\u6ce8\u5fae\u4fe1\u516c\u4f17\u53f7&ldquo;\u4e1a\u4f59\u8349&rdquo;\uff0c\u56de\u590d\u5173\u952e\u5b57&ldquo;layui&rdquo;\u5373\u53ef\u514d\u8d39\u4e0b\u8f7d\uff01\n<\/p>\n<p>\n\t\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u53ef\u52a0QQ1\u7fa4\uff1a135430763\uff0cQQ2\u7fa4\uff1a454796847\uff0cQQ3\u7fa4\uff1a187424846\u3002QQ\u7fa4\u8fdb\u7fa4\u5bc6\u7801\uff1axttblog\uff0c\u60f3\u52a0\u5fae\u4fe1\u7fa4\u7684\u670b\u53cb\uff0c\u53ef\u4ee5\u5fae\u4fe1\u641c\u7d22\uff1axmtxtt\uff0c\u5907\u6ce8\uff1a&ldquo;xttblog&rdquo;\uff0c\u6dfb\u52a0\u52a9\u7406\u5fae\u4fe1\u62c9\u4f60\u8fdb\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u53ef\u6dfb\u52a0\u52a9\u7406\u5fae\u4fe1\u8fdb\u884c\u6c9f\u901a\uff01<\/p>\n<!-- <audio autoplay=\"autoplay\" height=\"100\" width=\"100\" hidden=\"true\"><source src=\"https:\/\/c.coka.la\/orAvPR.mp3\" type=\"audio\/mp3\"\/><\/audio><img decoding=\"async\" src=\"https:\/\/images.weserv.nl\/?url=https:\/\/ws3.sinaimg.cn\/large\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/> --><p><!-- <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xmt1139057136\/xttblog\/master\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/>--><img decoding=\"async\" src=\"https:\/\/saas.51autoparts.cn\/api\/admin\/sys-file\/oss\/file?fileName=84db51f8561e448f9a4fda2eff0811f9.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/><\/p><p>\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01<b>\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1a<font color=\"red\">xttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p><p>\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a<a href=\"https:\/\/www.xttblog.com\">\u4e1a\u4f59\u8349<\/a>\uff1a &raquo; <a href=\"https:\/\/www.xttblog.com\/?p=2902\">\u524d\u7aef\u6846\u67b6 Layui \u89c6\u9891\u6559\u7a0b\u514d\u8d39\u4e0b\u8f7d<\/a><\/p><!-- <div class=\"bd-reward-stl\"><button id=\"bdRewardBtn\"><span><\/span><\/button><\/div> -->","protected":false},"excerpt":{"rendered":"<p>layui\uff0c\u662f\u4e00\u6b3e\u91c7\u7528\u81ea\u8eab\u6a21\u5757\u89c4\u8303\u7f16\u5199\u7684\u524d\u7aef UI \u6846\u67b6\uff0c\u9075\u5faa\u539f\u751f HTML\/CSS\/JS \u7684\u4e66\u5199\u4e0e\u7ec4\u7ec7\u5f62\u5f0f\uff0c [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[158,814,119,1655,48],"class_list":["post-2902","post","type-post","status-publish","format-standard","hentry","category-html5","tag-animate-css","tag-css3","tag-html5","tag-layui","tag-web"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2902"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2902\/revisions"}],"predecessor-version":[{"id":2903,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/2902\/revisions\/2903"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}