1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<template>
<div style="background: #f7f7f7;">
<headerNav title="订单追踪"/>
<van-cell-group>
<van-cell title="订单编号" value="18081609422771742" />
</van-cell-group>
<van-tabs >
<van-tab title="包裹1">
<van-cell-group>
<van-cell title="快递方式" value="顺丰快递" />
<van-cell title="快递单号" value="51234548875645645" />
</van-cell-group>
<van-steps direction="vertical" :active="0" active-color="#f60" style="margin-top: 15px;">
<van-step>
<h3>【城市】物流状态1</h3>
<p>2016-07-12 12:40</p>
</van-step>
<van-step>
<h3>【城市】物流状态2</h3>
<p>2016-07-11 10:00</p>
</van-step>
<van-step>
<h3>快件已发货</h3>
<p>2016-07-10 09:30</p>
</van-step>
</van-steps>
</van-tab>
<van-tab title="包裹2">内容 3</van-tab>
</van-tabs>
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>