原文連接:https://blog.csdn.net/Code_shadow/article/details/80524633html
var Index = layer.open({ title: "測試", type: 2, content: 'http://localhost:2690/ProgressTimeline.html', area: ["80%", "90%"], success: function () { var data = [ { "time": "2018-09-01 15:23:00", "status": "受理" }, { "time": "2018-09-02 15:23:00", "status": "審覈" }, { "time": "2018-09-03 15:23:00", "status": "已經過" }, { "time": "2018-09-04 15:23:00", "status": "流程A" }, { "time": "2018-09-05 15:23:00", "status": "流程B" }]; var body = layer.getChildFrame("body"); var html = ''; for (var i = 0; i < data.length; i++) { html += '<li class="layui-timeline-item">'; html += ' <i class="layui-icon layui-timeline-axis">' + (i == data.length - 1 ? "" : "") + '</i>'; html += ' <span class="layui-timeline-content layui-text">'; html += ' <span class="layui-timeline-title">' + data[i].time + " " + data[i].status + '</span>'; html += ' </span>'; html += '</li>'; } body.find(".layui-timeline").append(html); } });