element 的 timeline 组件封装

perfect_wyj

已于 2022-09-07 11:18:56 修改

阅读量558

点赞数 1

分类专栏： vue element-ui 文章标签： elementui vue

于 2021-09-15 10:36:09 首次发布

本文链接：https://blog.csdn.net/yingjiekuaile/article/details/120303180

版权

本文介绍了如何在Vue项目中对Element UI的Timeline组件进行封装，详细讲解了封装过程，并提供了父组件调用封装组件的示例。

摘要由CSDN通过智能技术生成

下面展示一些 内联代码片。

// 子组件 时间线 A code block

<template>
  <div class="timeline-main">
    <div class="contain">
      <el-timeline>
        <el-timeline-item
          v-for="(activity, index) in activitie"
          :key="index"
          :color="colorMap[activity.status]">
          <div
            class="text"
            :class="textMap[activity.status]">
            <p class="text-content">
              {
  { activity.content }}
            </p>
            <p class="text-time">
              {
  { activity.timestamp }}
            </p>
            <p
              v-if="activity.remark"
              class="text-remark">
              {
  { activity.remark }}
            </p>
          </div>
        </el-timeline-item>