ElementUl 中时间线Timeline 的样式优化方案

ID:16076 / 打印

修改后样式:

 生效代码:

// 右侧文本样式 ::v-deep .el-timeline-item__content {   margin-left: 40%;   width: 60%;   //   height: 50px;   padding-top: 5px; } // 时间样式 ::v-deep .el-timeline-item__timestamp.is-bottom {   position: absolute;   top: 0;   margin-left: 8%; } ::v-deep .el-timeline-item__timestamp {   height: 25px;   font-family: PingFangSC-Regular;   font-size: 18px;   font-weight: normal;   font-stretch: normal;   letter-spacing: 0px;   color: #666666; } // 竖线样式 ::v-deep .el-timeline-item__tail {   position: absolute;   top: 5px;   left: 36%;   height: 100%;   width: 2px;   opacity: 0.2;   border-left: solid 3px #fd3c3c; } // 圆点样式 ::v-deep .el-timeline-item__node--normal {   left: 35%;   width: 20px;   height: 20px;   background: url('../../img/radio-red.png') 0 0 /100% 100%; }
上一篇: CSS3 max/min-content及fit-content、fill-available值的案例详解
下一篇: css3实现类似地图定位循环扩散光圈效果(最新推荐)

作者:admin @ 24资源网   2024-10-30

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。