Layui 时间线

2019-10-24 03:06:22 浏览数 (3)

代码语言:javascript复制
 <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">8月18日</h3>
 <p>
 layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
 不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
 无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔
 <i class="layui-icon"></i>
 </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">8月16日</h3>
 <p>杜甫的思想核心是儒家的仁政思想,他有“<em>致君尧舜上,再使风俗淳</em>”的宏伟抱负。个人最爱的名篇有:</p>
 <ul>
 <li>《登高》</li>
 <li>《茅屋为秋风所破歌》</li>
 </ul>
 </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">8月15日</h3>
 <p>
 中国人民抗日战争胜利72周年
 常常在想,尽管对这个国家有这样那样的抱怨,但我们的确生在了最好的时代
 铭记、感恩
 所有为中华民族浴血奋战的英雄将士
 永垂不朽
 </p>
 </div>
 </li>
 <li class="layui-timeline-item">
 <i class="layui-icon layui-timeline-axis"></i>
 <div class="layui-timeline-content layui-text">
 <div class="layui-timeline-title">过去</div>
 </div>
 </li>
 </ul>

0 人点赞