分类侧栏

src/pages/category/category.vue

@@ -9,11 +9,11 @@ const ctx = reactive({
       value: "takeaway"
     },
     {
-      name: "美团优选",
+      name: "优选",
       value: "optimization"
     },
     {
-      name: "美团餐饮",
+      name: "餐饮",
       value: "catering"
     },
     {
@@ -27,6 +27,18 @@ const ctx = reactive({
     {
       name: "交通出行",
       value: "traffic"
+    },
+    {
+      name: "丽人医美",
+      value: "medicalAesthetics"
+    },
+    {
+      name: "金融服务",
+      value: "financial"
+    },
+    {
+      name: "福利中心",
+      value: "welfare"
     }
   ]
 })
@@ -49,8 +61,10 @@ function switchCategory(index) {
       </scroll-view>
     </view>
 
-    <view class="flex-1 flex-grow-0 p-2">
+    <view class="flex-1 p-2 bg-white">
-      123456
+      <view>
+        {{ctx.categories[ctx.current].name}}
+      </view>
     </view>
   </view>
 </template>