完善也买你

pages/order/order.vue

@@ -1,53 +1,57 @@
 <template>
-	<view class="content">
-		<image class="logo" src="/static/logo.png"></image>
-		<view class="text-area">
-			<text class="title">{{title}}</text>
+	<view class="order">
+		<view>
+			<u-tabs :list="list" :is-scroll="false" :current="current" @change="tabChange" :active-color="themeColor" height="92"></u-tabs>
+		</view>
+		<view class="mx20 u-m-t-20">
+			<order-list :type="type" />
 		</view>
 	</view>
 </template>
 
 <script>
 	import { getConfig } from '@/api/app'
+	import { orderType } from '@/utils/type'
 	export default {
 		data() {
 			return {
-				title: 'Hello'
+				list: [
+					{
+						name: '全部',
+						type: orderType.ALL
+					}, 
+					{
+						name: '待付款',
+						type: orderType.WAIT_PAY
+					}, 
+					{
+						name: '未制作',
+						type: orderType.NOT_MADE
+					},
+					{
+						name: '已完成',
+						type: orderType.FINISH
+					},
+					{
+						name: '退款',
+						type: orderType.REFUND
+					}
+				],
+				current: 0,
+				type: orderType.ALL
 			}
 		},
 		onLoad() {
-
 		},
 		methods: {
-
+			tabChange(index) {
+				this.current = index
+				this.type = this.list[index].type
+			}
 		}
 	}
 </script>
 
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
+<style lang="scss">
+	
 </style>