职位类型

src/components/headSearch/index.vue

@@ -1,12 +1,28 @@
 <template>
   <div class="search d-flex align-center">
-    <div style="position: relative;">
+    <v-menu :close-delay="1" :open-delay="0" v-bind="$attrs">
+      <template v-slot:activator="{ isActive, props }">
+        <v-btn
+          style="height: 100%; font-size: 16px;"
+          class="mr-3"
+          variant="text"
+          density="comfortable"
+          :append-icon="isActive ? 'mdi mdi-menu-up' : 'mdi mdi-menu-down'"
+          color="primary"
+          v-bind="props"
+        >
+          {{ text }}
+        </v-btn>
+      </template>
+      <jobTypeCard class="jobTypeCardBox"></jobTypeCard>
+    </v-menu>
+    <!-- <div style="position: relative;">
       <div class="jobBox d-flex pl-5" :class="{'drawer': drawer}" @click.stop="drawer = !drawer">
         <span>{{ text }}</span>
         <span class="mdi mdi-chevron-down px-2" style="font-size: 18px;"></span>
       </div>
       <jobTypeCard class="jobTypeCardBox" v-if="drawer" @click.stop=""></jobTypeCard>
-    </div>
+    </div> -->
     <v-text-field
       v-model="value"
       placeholder="搜索职位/公司"

src/views/recruit/position/components/conditionFilter/commonStyle.vue

@@ -10,13 +10,6 @@
       >
         {{ defineProps.btnTitle }}
       </v-btn>
-      <!-- <div class="d-flex align-center">
-        <div class="btn" v-bind="props">
-          <span class="mr-2">{{ defineProps.btnTitle }}</span>
-          <span v-if="isActive" class="mdi mdi-menu-up"></span>
-          <span v-if="!isActive" class="mdi mdi-menu-down"></span>
-        </div>
-      </div> -->
     </template>
     <!-- <jobTypeCard @click.stop=""></jobTypeCard> -->
     <slot></slot>
@@ -33,17 +26,4 @@ const defineProps = defineProps({
 })
 </script>
 <style lang="scss" scoped>
-// .btn {
-//   color: #333333;
-//   background-color: var(--default-bgc);
-//   padding: 4px 12px 4px 12px;
-//   border-radius: 4px;
-//   margin-right: 20px;
-//   margin-bottom: 4px;
-//   cursor: pointer;
-//   &:hover {
-//     color: var(--v-primary-base);
-//     background-color: #d5e6e8;
-//   }
-// }
 </style>