<template>
  <div class="box">
    <el-timeline :reverse="false">
        <el-timeline-item
        v-for="(activity, index) in activities"
        :key="index"
        :timestamp="activity.timestamp">
        {{activity.content}}
        </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
  export default {
    name: 'trendsbox',
    data(){
        return {
            activities: [{
                content: '管理员下发任务至徐景良',
                timestamp: '2018-04-15'
            }, {
                content: '徐景良确认为火情',
                timestamp: '2018-04-13'
            }, {
                content: '徐景良上报了火点信息',
                timestamp: '2018-04-11'
            }]
        }
    }
  }
</script>

<style scoped>
  .box{
      width:100%;
      padding:30px 30px 0px 0px;
      text-align:left;
  }
::v-deep .el-timeline-item__content{
      color:#0ABFB5

}
::v-deep .el-card{
    background:none;
    color:#ccc;
}
  ::v-deep .el-card__body{
      background:none;
      padding:0px;

  }
</style>