前端笔记_1_时间线
<!-- <link rel="stylesheet" href="/layui/css/layui.css"> --> <div style="background: #fff"> <ul class="layui-timeline"> <li class="layui-timeline-item"> <i class="layui-icon layui-timeline-axis"></i> <div class="layui-timeline-content layui-text"> <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题1</h3> <span style="color: darkgray;">2022-08-17 01:00:00</span> <p id="id_content">内容1</p> </div> </li> <li class="layui-timeline-item"> <i class="layui-icon layui-timeline-axis"></i> <div class="layui-timeline-content layui-text"> <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题2</h3> <span style="color: darkgray;">2022-08-17 02:00:00</span> <p id="id_content">内容2</p> </div> </li> <li class="layui-timeline-item"> <i class="layui-icon layui-timeline-axis"></i> <div class="layui-timeline-content layui-text"> <h3 class="layui-timeline-title" style="display: inline;margin:auto 10px">标题3</h3> <span style="color: darkgray;">2022-08-17 03:00:00</span> <p id="id_content">内容3</p> </div> </li> </ul> </div>