angular 时间条

最新推荐文章于 2024-05-23 09:30:28 发布

weixin_30430169

最新推荐文章于 2024-05-23 09:30:28 发布

阅读量300

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5d633444e51d4561f95eea5c

版权

html：
            <ul *ngFor="let timeline of timeLineData">                        <li class="li-show">{{timeline.tips}}</li>                        <li class="li-none">{{timeline.time}}</li>             </ul>
css：
    > ul {      position : relative;      list-style-image : url('../../../assets/img/point.png');  //时间条的点      > li {        margin-bottom : 10px;      }      .li-none {        //去除第二个节点的 list-style-img        list-style : none;;      }    }    > ul::before {      // 加时间条的竖线      position : absolute;      top : 2px;      left : -15px;      width : 1px;      height : 133%;      content : ' ';      background : #E3E7EF;    }    > ul:last-child::before {    //去除最后一个时间条的竖线      background : transparent;    }复制代码

转载于:https://juejin.im/post/5d633444e51d4561f95eea5c