时间线

[timeline title="2020大事记" type="small" start="梦开始的地方" end="新的一年开始"]
[item date="2020-1-20"] 武汉封城,疫情让一起变得慌乱起来 [/item]
[item date="2020-3-20"] 开始远程办公,慢慢有序起来[/item]
[item]生活变得好起来了[/item]
[item date="2020-10-1"] 国庆节去哈尔滨旅行,和老同学见面[/item]
[/timeline]

2020大事记
2020-1-20

武汉封城,疫情让一起变得慌乱起来

2020-3-20

开始远程办公,慢慢有序起来

生活变得好起来了
2020-10-1

国庆节去哈尔滨旅行,和老同学见面

timeline 属性列表:

type:可选项,默认为small,可选值: small 小巧款式的时间线;large 大款式的时间线
random,可选项,默认为true,可选值为true、false,true表示时间线每一条会使用随机的色彩

对于 large样式的时间线,提供时间线开始和结束的一个文字自定义:
start:一些简单的文字
end:一些简单的文字

item 属性列表:
date :可选项,默认不显示时间,可选值:
一个日期文字,实际上可以填写任何类型文字(不要太长)
color:可选项,设置当前时间线条的颜色,可选值:"light", "info", "dark", "success", "black", "warning", "primary", "danger"

计划表

[goal title="2021的小目标"]
[item check="true"] 每天早睡 [/item]
[item check="false"] 每天早起 [/item]
[item progress="50%"] 阅读10本书 [/item]
[item start="2021-01-02" end="2021-10-1"] 每天锻炼30分钟 [/item]
[/goal]

2021的小目标

阅读10本书 :

50%

每天锻炼30分钟 :

564%

高亮提示文本


这是黄色的短代码框,常用来做提示,引起读者注意。

这是红色的短代码框,用于严重警告什么的。

这是浅蓝色的短代码框,用于显示一些信息。

这是绿色的短代码框,显示一些推荐信息。

最后修改:2021 年 08 月 31 日
如果觉得我的文章对你有用,请随意赞赏