@mas.io/time-line-item NPM

安装

tnpm install --save @alipay/time-line-item

组件介绍

行业小程序时间轴组件，需搭配adc-time-line一起使用，针对支付宝行业的各个不同场景进行定制化开发，满足业务需求。

参数说明

属性	必填	参数类型	参数说明	默认值	示例
---	---	---	---	---	--
leftTime	否	string	左侧内容	2021-01-01	2021-01-01
useLeftSlot	否	boolean	左侧是否自定义	false	false
customStyle	否	object	节点自定义样式	{}	{background: #000, width: 30rpx, height: 30rpx}
end	否	boolean	是否为终点	false	false

在小程序中使用

{
  "usingComponents": {
    "mas-adc-time-line-item": "@alipay/time-line-item/es/index"
  }
}

在 page.axml 中引用组件

<!-- 页面使用方式 -->
<adc-time-line-item leftTime="2021-01-01"
    customStyle="{{background: '#8a2be2', width: '20rpx', height: '20rpx'}}">
    <view slot="right">右侧内容</view>
 </adc-time-line-item>
<!-- 页面使用方式(左侧自定义) -->
 <adc-time-line-item
    customStyle="{{background: '#8a2be2', width: '20rpx', height: '20rpx'}}">
    <view slot="left">左侧标题</view>
    <view slot="right">右侧内容</view>
 </adc-time-line-item>

Badges

@mas.io/falcon-core

@infinitebrahmanuniverse/nolb-_mas @everything-registry/sub-chunk-583

1.0.0

3 years ago