职位类型

src/components/headSearch/index.vue

@@ -2,7 +2,7 @@
   <div class="search d-flex align-center">
     <div style="position: relative;">
       <div class="jobBox d-flex pl-5" :class="{'drawer': drawer}" @click.stop="drawer = !drawer">
-        <span>职位类型</span>
+        <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>
@@ -28,7 +28,7 @@ import { ref, watch } from 'vue'
 // import { useRouter } from 'vue-router'
 defineOptions({ name:'common-components-headSearch'})
 // const router = useRouter()
-
+const text = ref('职位类型')
 const value = ref('')
 let drawer = ref(false)
 // 点击外部关闭职位下拉
@@ -56,6 +56,12 @@ watch(() => sharedState.layoutClickCount, () => {
     &:hover {
       color: var(--v-primary-base);
     }
+    span {
+      max-width: 150px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
   .drawer {
     color: var(--v-primary-base);