售票记录

pages/order/list.vue

@@ -1,16 +1,37 @@
 <template>
 	<view>
-		<u-navbar   title="购票记录" :is-back="false" >
+		<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>

static/css/style.css

@@ -29,6 +29,15 @@
 .blue{
 	color:#096DD9
 }
+.green{
+	color:#22AC38
+}
+.orange{
+	color:#FF6200
+}
+.red{
+	color:#FF6666
+}
 .cxd-login{
 	padding:0 15%;
 	
@@ -48,6 +57,15 @@
 .cxd-login .u-form{
 	margin-bottom:1.5rem
 }
+.von-sy{
+	margin-top:39px
+}
+.von-sy-select{
+	position: fixed;
+	top: 44px;
+	width: 100%;
+	z-index: 978;
+}
 .von-sy-select navigator{
 	padding:11px 15px
 }
@@ -120,4 +138,28 @@
 	width:182%;
 	left:4%;
 	 border-bottom: 1px solid #EDEDED
+}
+.von-sp{
+	margin-top:49px;
+}
+.von-sp-list{
+	background:white;
+	padding:0 15px;
+	margin-top:10px
+}
+.von-sp-list h5{
+	padding:10px 0;
+	border-bottom:1px solid #DBDBDB;
+	color:#888888;
+	font-weight: initial;
+}
+.von-sp-text{
+	padding:10px 0;
+	
+}
+.von-sp-text p{
+	line-height: 2;
+}
+.von-sp-text text{
+	color:#888888
 }