From a5dbe0e41d76a52dfe662513d235180bb83361e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Wed, 22 Feb 2023 18:18:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AE=A2=E5=8D=95=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json            |  6 +++
 src/pages/order/order.vue | 99 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 105 insertions(+)
 create mode 100644 src/pages/order/order.vue

diff --git a/src/pages.json b/src/pages.json
index 66cf37a..2e2c8f9 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -43,6 +43,12 @@
 				"navigationBarTitleText": "确认订单"
 			}
 		},
+		{
+			"path": "pages/order/order",
+			"style": {
+				"navigationBarTitleText": "我的订单"
+			}
+		},
 		{
 			"path": "pages/demand/demand",
 			"style": {
diff --git a/src/pages/order/order.vue b/src/pages/order/order.vue
new file mode 100644
index 0000000..3d8a0d8
--- /dev/null
+++ b/src/pages/order/order.vue
@@ -0,0 +1,99 @@
+<template>
+    <app-layout
+        headerBackgroundColor="#F6F6F6"
+        backgroundColor="#F6F6F6"
+        title="订单"
+        textColor="dark"
+    >
+        <view class="order-menu">
+            <view
+                class="menu-item"
+                :class="[tabIndex == 0 ? 'active' : '']"
+                @click="tabIndex = 0"
+            >
+                <text class="text">全部订单</text>
+            </view>
+            <view
+                class="menu-item"
+                :class="[tabIndex == 1 ? 'active' : '']"
+                @click="tabIndex = 1"
+            >
+                <text class="text">退款记录</text>
+            </view>
+        </view>
+        <view class="order-list-container">
+            <swiper
+                class="list-container"
+                :current="tabIndex"
+                :duration="300"
+                @change="changeTab"
+                :style="{ height: tabHeight + 'px' }"
+            >
+                <swiper-item>
+                    <view class="tab-item tab0">1</view>
+                </swiper-item>
+                <swiper-item>
+                    <view class="tab-item tab1">2</view>
+                </swiper-item>
+            </swiper>
+        </view>
+    </app-layout>
+</template>
+
+<script>
+import AppLayout from "@/components/layout/layout";
+export default {
+    name: "order",
+    data() {
+        return {
+            tabIndex: 0,
+        };
+    },
+    components: {
+        AppLayout,
+    },
+    onLoad() {},
+    onShow() {},
+    onReady() {},
+    onReachBottom() {},
+    onPullDownRefresh() {},
+    methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.order-menu {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #ffffff;
+    margin-bottom: 20rpx;
+    .menu-item {
+        width: 210rpx;
+        height: 115rpx;
+        box-sizing: border-box;
+        text-align: center;
+        .text {
+            font-size: 30rpx;
+            color: #999999;
+            line-height: 115rpx;
+        }
+    }
+    .menu-item.active {
+        border-bottom: 7rpx solid #8b9aeb;
+        .text {
+            font-weight: bold;
+            color: #8b9aeb;
+        }
+    }
+}
+.order-list-container {
+    width: 100%;
+    height: 500rpx;
+    background-color: #ffffff;
+    .list-container {
+        width: 100%;
+    }
+}
+</style>
\ No newline at end of file