菜单

src/pages/order/order.vue

@@ -1,15 +1,39 @@
 <template>
   <view>
-    订定单页面
+    <view class="tabs">
+      <u-tabs :list="tabs" :is-scroll="false" :current="tabsCurrent" inactive-color="#666" active-color="#eb4450" @change="onTapsChange"></u-tabs>
+    </view>
   </view>
 </template>
 
 <script>
 export default {
+  data(){
+    return{
+      tabs: [
+        {
+          name: "全部",
+        },
+        {
+          name: "待支付",
+        },
+        {
+          name: "待发货",
+        },
+      ],
+    tabsCurrent: 0
+    }
+  },
+  methods: {
+    // 切换子页面
+    onTapsChange(index){
+      this.tabsCurrent = index
+    }
+  }
 
 }
 </script>
 
-<style>
+<style lang="scss">
 
 </style>