layui之弹出层--从父窗口传递数据到子窗口

最新推荐文章于 2022-03-24 17:01:58 发布

weixin_30569001

最新推荐文章于 2022-03-24 17:01:58 发布

阅读量956

点赞数

CC 4.0 BY-SA版权

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/0-0snail/p/9626015.html

本文介绍如何使用Layer.js库创建一个弹窗，并在其中以时间轴的形式展示一系列预定义的数据点，每个数据点包含时间戳和状态信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接：https://blog.youkuaiyun.com/Code_shadow/article/details/80524633

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 ? "&#xe609;" : "&#xe63f;") + '</i>';
            html += '     <span class="layui-timeline-content layui-text">';
            html += '     <span class="layui-timeline-title">' + data[i].time + "&nbsp;&nbsp;" + data[i].status + '</span>';
            html += '     </span>';
            html += '</li>';
        }
        body.find(".layui-timeline").append(html);
    }
});