当前位置: 首页 > Web前端 > HTML

写一个简单的时间轴

时间:2023-04-02 23:10:03 HTML

使用相对路径和动态左边大小显示不同时间对应的图片{list.map((v,index)=>(

{v.date}

{v.text}

))}
{""}ulli{list-style:none;}.timeLine{height:300px;}.cList{width:100%;位置:相对;}.cUl{宽度:100%;高度:190px;保证金:0自动;位置:相对;左:0px;}.cUlli{宽度:100%;位置:绝对;填充:8px0;}.container-li{显示:flex;对齐项目:中心;}.yearList{宽度:100%;列表样式:无;位置:相对;z-指数:5;margin-bottom:0;}.yearListul{height:30px;}.yearListli{float:left;高度:100%;游标:指针;文本对齐:居中;字体大小:14px;行高:30px;宽度:30%;}.year-active{背景:#6478a4;白颜色;}