<del id="kmqwi"><b id="kmqwi"></b></del>
      <track id="kmqwi"><del id="kmqwi"></del></track>
    1. <table id="kmqwi"></table>
      <acronym id="kmqwi"><strong id="kmqwi"></strong></acronym>
    2. 
      
      <p id="kmqwi"><strong id="kmqwi"></strong></p>
    3. 時間線

      將時間抽象到二維平面,垂直呈現一段從過去到現在的故事。
      快速使用
      <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 - 用心與你溝通

      亚洲图色