layui timeline使用

最新推荐文章于 2024-03-29 03:46:39 发布

weixin_33775572

最新推荐文章于 2024-03-29 03:46:39 发布

阅读量1.6k

点赞数

文章标签： javascript java json ViewUI

原文链接：http://www.cnblogs.com/zktww/p/10232179.html

版权

本文记录了使用layui创建时间线的过程，特别是如何从后台获取数据并自动填充到时间线中。介绍了调用方法和参数说明，包括url、json请求参数，以及数据响应的结构，如time、content和msg字段。提供了成功调用后的效果展示。

摘要由CSDN通过智能技术生成

使用layui timeline过程记录：

layui官网时间线介绍比较少，可能是太简单了，这里把时间线通过请求后台数据。再自动填写到对应区块，进行了封装；

代码如下：

  function timelineshow(url,json,div){
		 $.ajax({
				url: url,
				type: "post",
				data: json,
				dataType: "json",
				success: function (res) {
					console.log(res);
					if(res.SUCCESS===true){

						var list = res.data;
						
						var uls = "<ul class=\"layui-timeline\">";
						var uls1 = "<ul>";
						var uls2 = "</ul>";
						var lis = "<li class=\"layui-timeline-item\">";
						var lis1 = "<li>";
						var lis2 = "</li>";
						var is = "<i class=\"layui-icon layui-timeline-axis\"></i>";