<el-timeline-item timestamp="2023-10-01" dot="<i class='el-icon-edit'></i>">编辑活动</el-timeline-item> 隐藏时间戳:如果不需要显示时间戳,可以设置hide-timestamp属性为true。 vue <el-timeline-item timestamp="2023-10-01" hide-timestamp>隐藏时间戳...
class="el-timeline-item__icon" :class="icon" > <!-- 自定义 --> <slot name="dot"></slot> 时间轴节点也是采用绝对布局,元素的尺寸和布局偏移在样式类el-timeline-item__node--normal和el-timeline-item__node--large定义。 .el-timeline-item__node { position: absolute; background-color: ...
模板 王小虎 提交于 2018/4/3 20:46 </el-card> </el-timeline-item> <el-timeline-item timestamp="2018/4/2" placement="top"> <el-card> 更新Github 模板 王小虎 提交于 2018/4/2 20:46 </el-card> </el-timeline-item> </el-timeline> Timeline Attributes 参数说明类型可选值默认值 re...
<el-timeline> <el-timeline-item v-for="(activity, index) in activities" :key="index" :icon="activity.icon" :type="activity.type" :color="activity.color" :size="activity.size" :timestamp="activity.timestamp"> {{activity.content}} </el-timeline-item> </el-timeline> export default...
</el-timeline-item> ``` 在数据项中添加`color`和`dot`属性来控制样式: ```javascript items: [ { id: 1, timestamp: '2022-01-01', title: '提交申请', content: '用户提交了申请资料', color: '#13ce66', dot: 'dot-success' }, // 更多阶段... ] ``` 四、增加交互性 在实际的审核...
`el-timeline-item__node--${type || ''}` ]":style="{ backgroundColor: color }"><iv-if="icon"class="el-timeline-item__icon":class="icon"><slotname="dot"></slot>{{timestamp}}{{timestampSpan}}<slot></slot>
1/*elementUI的图片组件样式*/2.el-image-viewer__btn,.el-step__icon-inner{3-webkit-user-select:none;4-moz-user-select:none;5-ms-user-select:none6}7.el-image__error,.el-timeline-item__dot{8display:-webkit-box;9display:-ms-flexbox10}11.el-image__error,.el-image__placeholder{12back...
1 /* elementUI的图片组件样式 */ 2 .el-image-viewer__btn,.el-step__icon-inner { 3 -webkit-user-select:none; 4 -moz-user-select:none; 5 -ms-user-select:none 6 } 7 .el-image__error,.el-timeline-item__dot { 8 display:-webkit-box; 9 display:-ms-flexbox 10 } 11 .el-image...
1/*elementUI的图片组件样式*/2.el-image-viewer__btn,.el-step__icon-inner{3-webkit-user-select:none;4-moz-user-select:none;5-ms-user-select:none6}7.el-image__error,.el-timeline-item__dot{8display:-webkit-box;9display:-ms-flexbox10}11.el-image__error,.el-image__placeholder{12back...
`el-timeline-item__node--${size || ''}`, `el-timeline-item__node--${type || ''}` ]" :style="{ backgroundColor: color }" > </template> export default { name: 'ElTimelineDot', props: { size: { type: String, default: 'normal' }, type: String, color: String, icon...