songzhen 2 місяців тому
батько
коміт
d51cf53312
2 змінених файлів з 32 додано та 5 видалено
  1. 0 1
      src/layouts/default.vue
  2. 32 4
      src/pages/travel-projects/index.client.vue

+ 0 - 1
src/layouts/default.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="">
-    <!-- <NavBar v-show="isNavBarShow" /> -->
     <NavBar />
     <div class="pt-60">
       <slot></slot>

+ 32 - 4
src/pages/travel-projects/index.client.vue

@@ -1,15 +1,22 @@
 <template>
   <div class="">
     <van-sticky :offset-top="60">
-      <!-- <van-dropdown-menu ref="menuRef"></van-dropdown-menu> -->
-      <!-- <van-dropdown-item title="区域选择"> </van-dropdown-item> -->
+      <van-dropdown-menu ref="menuRef">
+        <van-dropdown-item title="区域选择">
+          <van-tree-select
+            v-model:active-id="activeId"
+            v-model:main-active-index="activeIndex"
+            :items="items"
+          />
+        </van-dropdown-item>
+      </van-dropdown-menu>
 
-      <div class="h-40 flex items-center justify-end bg-white">
+      <!-- <div class="h-40 flex items-center justify-end bg-white">
         <div @click="filterOption.show = true" class="text-black-6 text-base">
           <span>{{ filterLabel }}</span>
           <span class="iconfont icon-caret-down"></span>
         </div>
-      </div>
+      </div> -->
     </van-sticky>
     <van-empty
       v-if="!listData.length && !loading"
@@ -44,6 +51,27 @@
 </template>
 
 <script setup>
+const activeId = ref(1);
+const activeIndex = ref(0);
+const items = [
+  {
+    text: "浙江",
+    children: [
+      { text: "杭州", id: 1 },
+      { text: "温州", id: 2 },
+      { text: "宁波", id: 3 },
+    ],
+  },
+  {
+    text: "江苏",
+    children: [
+      { text: "南京", id: 4 },
+      { text: "无锡", id: 5 },
+      { text: "徐州", id: 6 },
+    ],
+  },
+  { text: "福建", disabled: true },
+];
 const requestQuery = reactive({
   pageNum: 1,
   pageSize: 10,