el-timeline 样式修改
时间: 2023-08-07 14:02:49 浏览: 194
el-timeline样式可以通过修改.el-timeline-item__timestamp和.el-timeline类来实现。首先,可以使用以下样式来修改.el-timeline-item__timestamp的位置和样式:
```scss
.el-timeline-item__timestamp {
margin-top: 8px;
position: absolute !important;
left: -150px !important;
top: -5px;
font-size: 14px !important;
color: black !important;
}
```
这将把时间戳移到左边。然后,可以使用以下样式来调整整个时间线.el-timeline组件的位置:
```scss
.el-timeline {
margin-left: 150px !important;
}
```
这将把整个时间线.el-timeline组件往右边移动。如果需要覆盖样式,可以使用以下样式:
```scss
.el-timeline-item__timestamp.is-top {
position: absolute;
left: -117px;
top: -3px;
color: #333333;
}
.el-timeline {
padding-left: 150px;
}
```
这样就可以实现el-timeline样式的修改。
#### 引用[.reference_title]
- *1* [前端element组件样式修改思路](https://blog.csdn.net/weixin_46037781/article/details/120360712)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [element-ui时间线样式修改](https://blog.csdn.net/lwllwl_/article/details/106209495)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [修改lement-ui时间线timeline样式](https://blog.csdn.net/qq_43078689/article/details/125044844)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![-](https://img-home.csdnimg.cn/images/20241226111658.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)