edit
This commit is contained in:
@ -1,6 +1,5 @@
|
||||
<nz-timeline [nzMode]="'left'">
|
||||
<nz-timeline-item nzLabel="2021-10-15 16:30:30">快件已签收</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2015-09-01 09:12:11">正在派送中,请您准备签收(派件人:吴彦祖,联系电话:13811223133)</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2021-10-15 16:30:30">快件已到【深圳市龙岗区配送中心】扫描员是【张三】</nz-timeline-item>
|
||||
<nz-timeline-item nzLabel="2015-09-01 09:12:11">【顺丰快递】的收件员已揽件</nz-timeline-item>
|
||||
<nz-timeline-item *ngFor="let item of data" [nzLabel]="item.time" [nzColor]="item.color">
|
||||
<label [innerHtml]="item.value"></label>
|
||||
</nz-timeline-item>
|
||||
</nz-timeline>
|
||||
@ -1,4 +1,4 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { Component, Input, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-logistics-time-line',
|
||||
@ -6,10 +6,15 @@ import { Component, OnInit } from '@angular/core';
|
||||
styleUrls: ['./logistics-time-line.component.less']
|
||||
})
|
||||
export class LogisticsTimeLineComponent implements OnInit {
|
||||
@Input()
|
||||
data: any = [
|
||||
{ time: '2020-07-29 11:02:00', value: '到账成功', color: 'green' },
|
||||
{ time: '2020-07-29 11:02:00', value: '银行处理中', color: 'gray' },
|
||||
{ time: '2020-07-29 11:02:00', value: '审核通过<br/>操作人员:李四', color: 'gray' },
|
||||
{ time: '2020-07-29 11:02:00', value: '提交提现申请<br/>提现1000.00元至招商银行(8889)<br/>操作人员:张三', color: 'gray' }
|
||||
];
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
constructor() {}
|
||||
|
||||
ngOnInit(): void {}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user