Rainie/bbq
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

票务

Browse Source
This commit is contained in:
Taric Xin
2021-12-06 17:49:20 +08:00
parent 1c5643b7e9
commit 76951f250c
33 changed files with 1835 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/shared/components/logistics-time-line/logistics-time-line.component.html Normal file
View File

@ -0,0 +1,6 @@
<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>

28
src/app/shared/components/logistics-time-line/logistics-time-line.component.less Normal file
View File

@ -0,0 +1,28 @@
:host::ng-deep {
.ant-timeline.ant-timeline-label .ant-timeline-item-label {
width: 140px;
text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-label .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
left: 145px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
left : calc(50% - 135px);
width : calc(100% - 150px);
text-align: left;
}
}

15
src/app/shared/components/logistics-time-line/logistics-time-line.component.ts Normal file
View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-logistics-time-line',
templateUrl: './logistics-time-line.component.html',
styleUrls: ['./logistics-time-line.component.less']
})
export class LogisticsTimeLineComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}