原生html+css 实现时间轴功能






    
  • 2020-04-20
    阿里云又投资了2000亿元,用于数据建设
    4月20日,阿里云宣布未来3年再投2000亿,用于云操作系统、服务器、芯片、网络等重大核心技术研发攻坚和面向未来的数据中心建设。
  • 2020-04-20
    张三同学20号居然没有吃早饭
    4月20日,张三同学疲于奔波上班,竟连五分钟在路边买煎饼果子的时间都没有,在未吃上早饭的情况下,灌下300ml热水。
  • 2020-04-20
    张三同学午间时分感到呼吸不畅
    4月20日下午一点,张三同学上班过程中感到呼吸不畅。于是上网查询疾病症状,竟怀疑自己将要猝死或得某种肺炎。
  • 2020-04-20
    张三同学带病上班
    4月20日下午,张三同学在查阅某疾病后,心情复杂,带着惶恐的情绪坚持在工作岗位。
  • 2020-04-21
    张三同学立志吃上早饭
    4月21日清晨,张三同学在上班途中,买了一个煎饼果子,在吃下煎饼果子后,今日并未出现呼吸不畅症状,于是张三立志日后每天都要吃上早饭。

效果:

原生html+css 实现时间轴功能_第1张图片

随便写了写,如果想封装成自己用的组件,还得稍微改改,思路倒是很简单,结构很清晰,看看代码就知道了

 

你可能感兴趣的:(原生html+css 实现时间轴功能)