时间线
時間線
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>常規時間線</legend> </fieldset> <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 的一切準備工作似乎都已到位。發布之弦，一觸即發。 <br>不枉近百個日日夜夜與之為伴。因小而大，因弱而強。<br>無論它能走多遠，抑或如何支撐？至少我曾傾注全心，無怨無悔 <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>中國人民抗日戰爭勝利日 <br>常常在想，盡管對這個國家有這樣那樣的抱怨，但我們的確生在了最好的時代 <br>銘記、感恩<br>所有為中華民族浴血奮戰的英雄將士 <br>永垂不朽</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>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>簡約時間線：大事記</legend> </fieldset> <ul class="layui-timeline"><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">2018年，layui 5.0 發布。并發展成為中國最受歡迎的前端UI框架（期望）</div></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">2017年，layui 里程碑版本 2.0 發布</div></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">2016年，layui 首個版本發布</div></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">2015年，layui 孵化</div></div></li><li class="layui-timeline-item"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i><div class="layui-timeline-content layui-text"><div class="layui-timeline-title">更久前，輪子時代。維護幾個獨立組件：layer等</div></div></li> </ul>
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>時間線</title><link rel="stylesheet" href="resources/layui/css/layui.css"> </head> <body> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>常規時間線</legend> </fieldset> <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 的一切準備工作似乎都已到位。發布之弦，一觸即發。 <br>不枉近百個日日夜夜與之為伴。因小而大，因弱而強。<br>無論它能走多遠，抑或如何支撐？至少我曾傾注全心，無怨無悔 <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>中國人民抗日戰爭勝利日 <br>常常在想，盡管對這個國家有這樣那樣的抱怨，但我們的確生在了最好的時代 <br>銘記、感恩<br>所有為中華民族浴血奮戰的英雄將士 <br>永垂不朽</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><fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;"><legend>簡約時間線：大事記</legend> </fieldset> <ul class="layui-timeline"><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">2018年，layui 5.0 發布。并發展成為中國最受歡迎的前端UI框架（期望）</div></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">2017年，layui 里程碑版本 2.0 發布</div></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">2016年，layui 首個版本發布</div></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">2015年，layui 孵化</div></div></li><li class="layui-timeline-item"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i><div class="layui-timeline-content layui-text"><div class="layui-timeline-title">更久前，輪子時代。維護幾個獨立組件：layer等</div></div></li> </ul> <script src="resources/layui/layui.js"></script> <script type="text/javascript">layui.use(['element', 'jquery'], function () {var $ = layui.jquery;var element = layui.element;}); </script> </body> </html>
總結
