修改后样式:

 生效代码:

// 右侧文本样式
::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%;
}

GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐