Timeline 时间线基础用法

最新推荐文章于 2024-03-31 09:53:53 发布

AiGarry

最新推荐文章于 2024-03-31 09:53:53 发布

阅读量1.4k

点赞数

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/aigarry/article/details/127350901

版权

1、html内容 Timeline 可拆分成多个按照时间戳排列的活动，时间戳是其区分于其他控件的重要特征


        <el-timeline style="flex: 1; overflow: auto">
           <!-- activities是接口的返回值格式 -->
          <el-timeline-item v-for="(activity, index) in activities" :key="index" type="primary">
            <!-- left-style 时间线点左边可显示的内容区域 -->
            <div class="left-style">
              <div style="text-align:right;font-size:14px;color: #515455;">
                {
  {activity.updateBy}}
              </div>
              <div style="padding-top:10px;color:#9DA2A5">
                {
  {activity.updateTime}}
              </div>
            </div>
            <!-- right-style 时间线点右边可显示的内容区域 -->
            <div class="right-style">
              <div style="color: #999;display:flex" v-for=