时间线功能探索

时间线功能探索

2023 年 01 月 31 日

90 次浏览

655字数

<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        近段时间表
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-1-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">插入无具体时间的事件，不要将这种事件放在开头/结尾</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-2-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div><div class="sl-item b-success b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-3-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div><div class="sl-item b-black b-l">
                                <div class="m-l">
                                    <div class="text-muted">2022-2-20</div>
                                    <p>当前时间的事件</p>
                                </div>
                            </div></div></div></div>

原版

<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        时间线标题
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-1-20</div>
                                    <p>时间线事件</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">时间线描述</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2021-1-20</div>
                                    <p>时间线事件</p>
                                </div>
                            </div><div class="sl-item b-success b-l">
                                <div class="m-l">
                                    <div class="text-muted">2022-2-20</div>
                                    <p>最后时间线，结尾</p>
                                </div>
                            </div></div></div></div>

```
<div class="panel panel-default  box-shadow-wrap-lg goal-panel">
<div class="panel-heading">
        时间线标题
    </div>
<div class="padder-md wrapper">     <div class="streamline b-l m-b"><div class="sl-item b- b-l">
                                <div class="m-l">
                                    <div class="text-muted">2020-1-20</div>
                                    <p>时间线事件</p>
                                </div>
                            </div><div class="bg-light wrapper-sm m-l-n m-r-n m-b r r-2x">时间线描述</div><div class="sl-item b-dark b-l">
                                <div class="m-l">
                                    <div class="text-muted">2021-1-20</div>
                                    <p>时间线事件</p>
                                </div>
                            </div><div class="sl-item b-success b-l">
                                <div class="m-l">
                                    <div class="text-muted">2022-2-20</div>
                                    <p>最后时间线，结尾</p>
                                </div>
                            </div></div></div></div>
```

最后修改：2023 年 01 月 31 日