el-timeline

el-timeline实现左右两侧节点的效果

首先是效果图主要实现方式就是这一段left:index%2===0?‘20px’:‘-150px’,原理是通过index判断如果是偶数行则让节点处于左侧，要记得添加position:'absolute’样式才会生效{{item.auditorUserName!==null?item.auditorUserName:item.initiatorUserName}}{{item.approvalTim
青莳吖·2024-01-25 23:04

Vue+Element-ui实例_使用flexslider插件设计横向时间线

主要难点：（1）一般的插件时间线例如(elementUI中的el-timeline)就是纵向的时间线，如果数据过多的话，就会形成很长一段的下拉样式。
徐小硕·2024-01-20 13:19

用css和js实现Timeline 时间线组件效果

问题：由于el-timeline无法实现点击跳转，以及根据内容滚动来改变样式表示进度等问题，所以根据需求要求为了实现这两点要求封装了组件和使用。
夏花里的尘埃·2024-01-14 04:18

Web前端篇——ElementUI之el-scrollbar + el-backtop + el-timeline实现时间轴触底刷新和一键返回页面顶部

ElementUI之el-scrollbar+el-backtop+el-timeline实现时间轴触底刷新和一键返回页面顶部。背景：ElementUI的版本（vue.global.js=3.2.36，index.css=2.4.4，index.full.js=2.4.4）废话不多说，先看动图效果↓↓↓然后直接上代码。（注意代码中有注释的地方，是容易出错的关键地方。）TestWebPage.el-
易Yi·2024-01-04 13:12

时间轴组件（Vue+element）

说明：elementUI带有时间轴插件（el-timeline），但是只显示无法实现折叠展开功能且比较单一，不满足要求，故重新封装一个；最终效果：时间轴需求效果图实现过程：dom:使用无序标签li给定title
Smile_smile_·2023-08-19 18:39

誉天程序员-2301-3-day03

讲述下你是如何实现前台表单验证的页面美化el-timeline时间线el-carousel走马灯404图片居中修饰Vite项目引入axios路由的调用把ElementPlus通知封装成自定义工具类tools
长安紫薯·2023-07-25 15:16

vue基于el-timeline组件实现动态表格时间线

前言element中表格和时间线组件相信不少同学都用过吧，现在有这么一个需求，利用时间线组件实现不同时间线下的表格数据展示，同时表格表头及表格内的数据也是动态渲染的，效果如下图。实现效果：实现思路：其实实现这个小功能非常简单，首先，我们要在el-timeline-item标签循环最外层的dataList数组，数组的length等于几，我们就会有几段时间线；表格中我们需要操作的是将固有的表格数据格式
水星记_·2022-09-20 15:29

elementui源码学习之仿写一个el-timeline

本篇文章记录仿写一个el-timeline组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。
·2022-08-22 13:54

Element 2 组件源码剖析之Timeline 时间轴

组件源码时间轴功能提供了两个组件：el-timeline和el-timeline-item。各组件的prop声明，各属性功能说明详
·2022-08-22 12:42

自定义 el-timeline 节点样式

{{activity.name}}{{activity.content}}意见:{{activity.idea}}{{activity.timestamp}}测试数据activities:[{content:"郭艾伦(人事专员)",name:"提交",timestamp:"2018-04-1220:46",idea:"一朵小红花",color:"#4E97FF"},{content:"赵继伟(人事
非渔驿站·2020-09-12 01:01
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他