時間線

                    將時間抽象到二維平面,垂直呈現一段從過去到現在的故事。
                    快速使用
                    <ul class="layui-timeline">
                      <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</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">&#xe63f;</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">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                          <h3 class="layui-timeline-title">8月15日</h3>
                          <p>
                            中國人民抗日戰爭勝利72周年
                            <br>常常在想,盡管對這個國家有這樣那樣的抱怨,但我們的確生在了最好的時代
                            <br>銘記、感恩
                            <br>所有為中華民族浴血奮戰的英雄將士
                            <br>永垂不朽
                          </p>
                        </div>
                      </li>
                      <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                        <div class="layui-timeline-content layui-text">
                          <div class="layui-timeline-title">過去</div>
                        </div>
                      </li>
                    </ul>
                          

                    關于時間線,似乎也沒有什么太多可介紹的東西。你需要留意的是以下幾點

                    • 圖標可以任意定義(但并不推薦更改)
                    • 標題區域并不意味著一定要加粗
                    • 內容區域可自由填充。
                    結語

                    授之以魚不如授之以漁,時間線怎么用,就看你的了。

                    layui - 用心與你溝通

                    亚洲图色