小白学框架(前端) 时间轴

效果图👇

代码如下

	<ul class="layui-timeline">
		<li class="layui-timeline-item">
			<i class="layui-timeline-axis layui-icon">&#xe6b1;</i>
			<div class="layui-timeline-content layui-text">
				<h3 class="layui-timeline-title">1999年04月23日</h3>
				<p>
					我出生了
				</p>
			</div>
		</li>
		<li class="layui-timeline-item">
			<i class="layui-timeline-axis layui-icon">&#xe6b1;</i>
			<div class="layui-timeline-content layui-text">
				<h3 class="layui-timeline-title">2019年04月23日</h3>
				<p>
					我成年了
				</p>
			</div>
		</li>
	</ul>
		
</body>
<script type="text/javascript">

</script>