uView 的tabs

src/pages/goods_list/goods_list.vue

@@ -1,13 +1,41 @@
 <template>
   <view>
+    <!-- 1.搜索栏 -->
     <ygSearch></ygSearch>
+    
+    <!-- 2. tabs -->
+    <view class="tabs">
+      <u-tabs :list="tabs" :current="tabsCurrent" inactive-color="#666" active-color="#eb4450" @change="onTapsChange"></u-tabs>
+    </view>
+
   </view>
 </template>
 
 <script>
 export default {
-  onLoad (option){
+  data(){
-    console.log(option) 
+    return{
+      tabs: [
+        {
+          name: "待收货",
+        },
+        {
+          name: "待付款",
+        },
+        {
+          name: "待评价",
+        },
+      ],
+      tabsCurrent: 0,
+    }
+  },
+  onLoad (id){
+    console.log(id) 
+  },
+  methods: {
+    onTapsChange(index){
+      this.tabsCurrent = index
+    }
   }
 }
 </script>