This commit is contained in:
Taric Xin
2021-12-29 16:58:32 +08:00
parent 981d622aaf
commit 929fda3253
7 changed files with 74 additions and 16 deletions

View File

@ -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>

View File

@ -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 {}
}