时间轴的动态样式

<!-- 容器属性:data-box="true" 容器内部默认为空html -->

<!-- 事件目标属性:data-target="true" 事件目标自动绑定事件相应方法 -->

<div class="layout-cell" data-box="true">

  <ul class="layui-timeline">

    <li class="layui-timeline-item item-color">

      <i class="layui-icon layui-timeline-axis"></i>

      <span class="layui-timeline-item-span">2020</span>

    </li>

    <li class="layui-timeline-item item-color">

      <i class="layui-icon layui-timeline-axis"></i>

      <span class="layui-timeline-item-span">2019</span>

    </li>

    <li class="layui-timeline-item item-color">

      <i class="layui-icon layui-timeline-axis"></i>

      <span class="layui-timeline-item-span">2018</span>

    </li>

    <!-- <li class="layui-timeline-item">

      <i class="layui-icon layui-timeline-axis"></i>

      <span class="layui-timeline-item-span">2016</span>

    </li> -->

    <li class="layui-timeline-item item-color">

      <i class="layui-icon layui-timeline-axis"></i>