时间轴

TimeLine-时间轴

垂直的展示一系列信息

API

属性名	类型	默认值	描述	最低版本
title	String		时间轴的标题
isShowLine	Boolean	true	是否显示线
nodeLineTop	String	-32rpx	线的top的定位

效果图

示例

//timeline.axml
<view class="page">
  <view class="heading">时间轴支持卡槽</view>
    <timeline a:for="{{editRecordList}}" title="{{item.title}}">
    <view slot="content" class="timeLineItem">
    //卡槽的名字固定写成content
     定制为自己卡槽内容
    </view>
  </timeline>
</view>

//timeline.js
Page({
  data: {
    editRecordList:[{
      title:'内容一'
    },{
      title:"内容二"
    }]
  },
  onLoad() {},
});

//timeline.json
{
"defaultTitle": "timeline",
  "usingComponents": {
    "timeline": "@syman/ark-dingtalk/src/timeline/index" //引入组件
   
  }
}