时间线css

菁菁589

已于 2022-12-16 16:32:08 修改

阅读量602

点赞数

文章标签： css 5G 前端

于 2022-12-14 15:51:08 首次发布

本文链接：https://blog.csdn.net/weixin_63572203/article/details/128317623

版权

</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 2021年，牵手钉钉聚焦5G企业通信；实力签约金地集团；携手基木鱼，推出智能电话服务；受邀参加百度营销峰会。。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 优音通信联合多家机构鼎力支持“心系武汉”紧急心理援助项目；成功签约“远洋E购”，助力电商服务升级；成功牵手重庆信托；与及时用车达成战略合作。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 优音通信荣获2018-2019年度通信网络维护服务支撑先进单位；荣获欧美同学会和全球化智库（CCG）授牌，成为中国“留学生实习研究基地”。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 实力赞助2018北京国际长跑节；正式成为中国通信企业协会的会员；参加2018年中国国际信息通信展。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 参加美国夏威夷第三十九届PTC大会、GCCM 2017第十届伦敦展、中国呼叫中心及企业通信大会、GMIC北京2017行业会议。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content">参加美国ITW、2016年中国国际信息通信展；荣获360“卓越贡献合作伙伴”；优音总机、优音云客服正式上线。 </div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 国际通信平台、国际电商平台、优音app、自服务系统上线；与太平洋、58展开业务合作。 </div>

</div>

</li>

</div>

<div class="sv-timeline-item__content">自主研发“企业语音门户管理系统”获得国家版权局认证；自主通信平台上线；与电信展开战略合作。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content">荣获《增值电信业务经营许可证》。 </div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 优音通信西安、深圳分公司成立；与联通达成战略合作。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 优音通信上海分公司成立。</div>

</div>

</li>

</div>

<div class="sv-timeline-item__content"> 北京优音通信有限公司（原信通网赢）正式成立。</div>

</div>

</li>

</ul>

css样式：

.sv-timeline {

margin:0 auto;

font-size:14px;

list-style:none;

margin-left: 200px;

}

.sv-timeline-item {

position:relative;

padding-bottom:60px;

}

.sv-timeline-item__tail {

position:absolute;

left:10px;

/* height:100%;

border-left:3px solid #4B42D3;

top:23px;

bottom:0;

margin: 6px 0px;

}

.sv-timeline-item__node--primary {

background-color:#409eff;

}

.sv-timeline-item__node--large {

left:-2px;

width:14px;

height:14px;

}

.sv-timeline-item__content {

width: 690px;

height: 52px;

font-size: 20px;

font-family: SourceHanSansCN-Regular, SourceHanSansCN;

font-weight: 400;

color: #585A60;

line-height: 26px;

text-align: left;

}

.sv-timeline-item__timestamp.is-bottom {

margin-left: 38px;

margin-right:78px;

display:flex;

align-items:center;

height: 17px;

font-size: 17px;

font-family: SourceHanSansCN-Regular, SourceHanSansCN;

font-weight: 400;

color: #5B5B5B;

line-height: 26px;

}

.sv-timeline-item__timestamp {

color:#909399;

line-height:1;

font-size:13px;

}

.sv-timeline-item__wrapper {

position:relative;

padding-left:22px;

top:4px;

}

.sv-timeline-item__node--normal {

left:-1px;

width:12px;

height:12px;

}

.sv-timeline-item__node {

position:absolute;

border:#796BFF 1px solid;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

width: 24px;

height: 24px;

}

.sv-timeline-item__node>div {

width:16px;

height:16px;

background-color:#796BFF;

border-radius:50%;

}

.sv-timeline-item__wrapper {

display:flex;

}

菁菁589

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
时间线css

2018年
复制链接

扫一扫

时间线css

“相关推荐”对你有帮助么？