45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
|
<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>
|