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

<template>
	<view>
		<u-navbar title="售票记录" :is-back="false" >
				<view class="slot-wrap"></view>	
		</u-navbar>
		<view class="von-sy">
			<view class="von-sy-select flex-sp" style="background-color: white;">
				<navigator @click="show1=true">{{selectForm.select1Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
				<navigator @click="show2=true">{{selectForm.select2Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
				<navigator@click="show3=true" >{{selectForm.select3Name}}<text class="icon iconfont icon-xiajiantou"></text></navigator>
			</view>
			<view class="von-sp">
				<!-- blue支付宝 green微信支付 orange现金购票 red纸质车票 -->
				<view class="von-sp-list">
					<h5 class="flex-sp">订单编号：1234567812345678<text class="green">微信支付</text></h5>
					<view class="von-sp-text">
						<p><text>线路：</text>玉桥 - 宿架转盘</p>
						<p><text>线路：</text>玉桥 - 宿架转盘</p>
						<p><text>线路：</text>玉桥 - 宿架转盘</p>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

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

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