Timeline 时间轴

介绍

可视化地呈现时间流信息。

引入

"usingComponents": {
	"m-timeline": "mind-ui-weapp/timeline/index",
	"m-timeline-item": "mind-ui-weapp/timeline-item/index"
}

示例

基础用法

<m-timeline>
	<m-timeline-item text="start">
		<view class="content">时光荏苒</view>
	</m-timeline-item>

	<m-timeline-item icon="girl" color="#e54d42">
		<view class="content">桃之夭夭，灼灼其华。</view>
	</m-timeline-item>

	<m-timeline-item text="end">
		<view class="content">岁月如梭</view>
	</m-timeline-item>
</m-timeline>

Properties

参数	说明	类型	可选值	默认值
text	节点文字，同时设置文字与图标时只显示文字	string	—	—
icon	节点图标	string	—	—
color	节点颜色	string	—	—

Slot

名称	说明
-	主体内容