jp-car-xinda/pages/order/info.vue

<template>
	<view>
		<u-navbar   title="售票详情" :is-back="true" >
				<view class="slot-wrap"></view>	
		</u-navbar>
		<view class="von-sp-info">
			<!-- bgblue支付宝 bggreen微信支付 bgorange现金购票 bgred纸质车票 -->
			<h3 class="flex-spal bggreen">
				订单编号：1234567812345678<text>微信支付</text>
			</h3>
			<view class="von-form">
				<view class="von-form-text">
					<p><text>成人票</text>6.00</p>
					<p><text>货票</text>20.00</p>
				</view>
				<h4 class="flex-sp">实际票价<text class="red">￥26.00</text></h4>
			</view>
			<view class="von-forme">
				<view class="von-forme-item">
					<label>行程</label>
					<text>玉桥 - 宿架转盘玉桥 - 宿架转盘玉桥 - 宿架转盘玉桥 - 宿架转盘</text>
				</view>
				<view class="von-forme-item">
					<label>车票状态</label>
					<text>乘车中/已过期</text>
				</view>
				<view class="von-forme-item">
					<label>创建时间</label>
					<text>2021-03-30 12:00:00</text>
				</view>
				<view class="von-forme-item">
					<label>支付时间</label>
					<text>2021-03-30 12:00:00</text>
				</view>
				<view class="von-forme-item">
					<label>关闭时间</label>
					<text>2021-03-30 12:00:00</text>
				</view>
			</view>
			<view class="von-forme">
				<view class="von-forme-item">
					<label>线路</label>
					<text>1号线</text>
				</view>
				<view class="von-forme-item">
					<label>起止站点</label>
					<text>六中 - 罗场</text>
				</view>
				<view class="von-forme-item">
					<label>收发班时间</label>
					<text>06:05 - 18:10</text>
				</view>
				<view class="von-forme-item">
					<label>车牌号码</label>
					<text>湘J01981</text>
				</view>
				<view class="von-forme-item">
					<label>当值司机</label>
					<text>李蔚然</text>
				</view>
				<view class="von-forme-item">
					<label>联系方式</label>
					<text class="blue">15512344567</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import api from './index.js'
	export default api;
</script>

<style>
	page{
			background-color:#eee;
		}
</style>