\u4e3a\u4e86\u7528\u6237\u4f53\u9a8c\u66f4\u597d\uff0c\u5f53\u9875\u9762\u5185\u5bb9\u8fc7\u591a\u7684\u65f6\u5019\u6211\u4eec\u4e00\u822c\u4f1a\u9009\u62e9\u5206\u9875\u6216\u8005\u6eda\u52a8\u5230\u5e95\u90e8\u7684\u65f6\u5019\u8fdb\u884c\u52a0\u8f7d\u4e0b\u4e00\u9875\u5185\u5bb9\uff0c\u8fd9\u6837\u524d\u7aef\u7528\u6237\u5219\u4f1a\u5f97\u5230\u66f4\u597d\u7684\u4f53\u9a8c\uff0c\u800c\u4eca\u5929\u6211\u628a\u81ea\u5df1\u7528\u7684\u524d\u7aef\u6ed1\u52a8\u5230\u5e95\u90e8\u81ea\u52a8\u52a0\u8f7d\u4e0b\u4e00\u9875\u5185\u5bb9\u5206\u4eab\u51fa\u6765\u7ed9\u9700\u8981\u7684\u670b\u53cb\uff1b\u8fd9\u91cc\u5206\u4eab\u7684HTML\u4ee3\u7406\u4f7f\u7528\u4e86layui\u7684\u6a21\u677f\u5f15\u64ce\uff1b<\/p>\n
\u8bdd\u4e0d\u591a\u8bf4\u76f4\u63a5\u4e0a\u4ee3\u7801\uff1a<\/p>\n
<script id=\"testTpl\" type=\"text\/html\">\r\n\t{{# for(var i = 0; i < d.length; i++){ }}\r\n\t<div class=\"col-12 col-md-6\">\r\n\t\t<div class=\"card mb-3\">\r\n\t\t\t<div class=\"clearfix card-body p-3 border-bottom\">\r\n\t\t\t\t<div class=\"pull-left\"><h5 class=\"mb-0\">\r\n\t\t\t\t\t{{ d[i].account }}\r\n\t\t\t\t\t{{# if(d[i].pay_status != 1){ }}<span class=\"ml-1 badge badge-pill badge-warning\">\u672a\u652f\u4ed8<\/span>\r\n\t\t\t\t\t{{# } else { }}\r\n\t\t\t\t\t\t{{# if(d[i].cz_status === 1){ }}\r\n\t\t\t\t\t\t\t<span class=\"ml-1 badge badge-pill badge-success\">\u6210\u529f<\/span>\r\n\t\t\t\t\t\t{{# } else { }}\r\n\t\t\t\t\t\t\t<span class=\"ml-1 badge badge-pill badge-primary\">\u5145\u503c\u4e2d<\/span>\r\n\t\t\t\t\t\t{{# } }} \r\n\t\t\t\t\t{{# } }} \r\n\t\t\t\t<\/h5><\/div>\r\n\t\t\t\t<div class=\"pull-right\"><p class=\"text-muted mb-0\">{{ layui.util.toDateString(d[i].create_time*1000, \"yyyy-MM-dd HH:mm:ss\") }}<\/p><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t{{# } }}\r\n<\/script>\r\n<script>\r\n\/\/\u6b64\u6a21\u677f\u662f \u7528\u6237\u5145\u503c\u8bdd\u8d39\u6216\u8005\u7535\u8d39\u7684\u5145\u503c\u8bb0\u5f55 \u540e\u7aef\u76f4\u63a5\u7528\u7684thinkphp\u7684\u5206\u9875\u8fd4\u56de\u6570\u636e\r\nlayui.use(['laytpl','element','flow'], function(){\r\n\tlet start = 0\r\n let pagesize=15;\r\n let flag=true\r\n let loading=false\r\n var element = layui.element,flow = layui.flow,laytpl = layui.laytpl;\r\n var number = \"{:input('number')}\",tp={$tp},mid={$mid},page=1;\r\n \tgetData();\r\n\tfunction getData(page=1){\r\n\t \t$.ajax({\r\n\t\t url: \"{:cmf_plugin_url('Ying:\/\/Index\/blog.yyhcw.com')}?number={:input('number')}&mid={$mid}&tp={$tp}&page=\"+page,\r\n\t\t type: \"GET\",\r\n\t\t contentType: \"application\/json; charset=utf-8\",\r\n\t\t dataType: \"json\",\r\n\t\t timeout : 15000,\r\n\t\t success: function(res, textStatus, xhr) {\r\n\t\t \tloading = false;\r\n\t\t \tif (res.data.length>0) {\r\n\t\t\t \tvar gettpl = document.getElementById('testTpl').innerHTML;\r\n\t\t\t \tlaytpl(gettpl).render(res.data, function (html) {\r\n\t\t\t \t\t$(\"#volist\").append(html);\r\n\t\t\t \t});\r\n\t\t\t $('#loading').hide();\r\n\t\t\t }else{\r\n\t\t\t \tflag=false\r\n\t\t\t \t$('#loading').html('\u6ca1\u6709\u66f4\u591a\u6570\u636e\u4e86');\r\n\t\t\t }\r\n\t\t },\r\n\t\t beforeSend:function(){\r\n\t $(\"#loading\").show();\r\n\t },\r\n\t\t error: function(xmlHttpRequest, textStatus, errorThrown) {\r\n\t\t console.log(errorThrown.toString());\r\n\t\t }\r\n\t\t});\r\n\t}\r\n \t$(window).scroll(function(){\r\n\t \tlet pageHeight = Math.max(document.body.scrollHeight,document.body.offsetHeight);\r\n\t let viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;\r\n\t let scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\r\n\t if(pageHeight - viewportHeight - scrollHeight < 50){\r\n\t \tconsole.log(loading)\r\n\t \tif(loading) return;\r\n\t \tloading = true;\r\n\t \tif(flag){\r\n\t \t\tpage++;\r\n\t \t\tgetData(page);\r\n\t }\r\n\t }\r\n\t});\r\n});\r\n<\/script><\/pre>\n\u81ea\u6211\u4f7f\u7528\u6548\u679c\u8fd8\u662f\u53ef\u4ee5\u7684\uff0c\u4e0d\u4f1a\u51fa\u73b0\u591a\u6b21\u52a0\u8f7d\u6216\u8005\u4e00\u6b21\u52a0\u8f7d\u591a\u4e2a\u3001\u6216\u8005\u6eda\u52a8\u5230\u5e95\u90e8\u4e00\u76f4\u52a0\u8f7d\u67e5\u8be2\u6570\u636e\u5e93\u7684\u60c5\u51b5\uff01\u5982\u60a8\u770b\u5230\u6b64\u6587\uff0c\u4ee3\u7801\u6709\u9700\u8981\u6539\u6b63\u7684\u5730\u65b9\u8bf7\u7559\u8a00\u6307\u6b63\u8c22\u8c22\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"\u4e3a\u4e86\u7528\u6237\u4f53\u9a8c\u66f4\u597d\uff0c\u5f53\u9875\u9762\u5185\u5bb9\u8fc7\u591a\u7684\u65f6\u5019\u6211\u4eec\u4e00\u822c\u4f1a\u9009\u62e9\u5206\u9875\u6216\u8005\u6eda\u52a8\u5230\u5e95\u90e8\u7684\u65f6\u5019\u8fdb\u884c\u52a0\u8f7d\u4e0b\u4e00\u9875\u5185\u5bb9\uff0c\u8fd9\u6837\u524d\u7aef\u7528\u6237\u5219 \u00b7\u00b7\u00b7","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[290,289],"views":77465,"_links":{"self":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/1049"}],"collection":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/comments?post=1049"}],"version-history":[{"count":0,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/posts\/1049\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/media?parent=1049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/categories?post=1049"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.yyhcw.com\/api\/wp\/v2\/tags?post=1049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}