按钮

src/views/resume/components/jobIntention.vue

@@ -5,7 +5,13 @@
       <v-btn v-if="showAddBtn" variant="text" color="primary" prepend-icon="mdi-plus-box" @click="isAdd = true" :disabled="isAdd">{{ $t('common.add') }}</v-btn>
     </div>
     <div v-if="!isAdd">
-      <div class="position-item" v-for="(k, i) in positionList" :key="i" @mouseenter="k.active = true" @mouseleave="k.active = false">
+      <div 
+        :class="['position-item']" 
+        v-for="(k, i) in positionList" 
+        :key="i" 
+        @mouseenter="k.active = true" 
+        @mouseleave="k.active = false"
+      >
         <span>{{ k.name }}</span>
         <span class="vline"></span>
         <span>{{k.payFrom}}-{{k.payTo}}k</span>
@@ -21,7 +27,7 @@
         </span>
       </div>
     </div>
-    <div v-if="isAdd">
+    <div v-if="isAdd" class="mt-2">
       <CtForm :items="items" style="width: 100%;">
         <template #positionId="{ item }">
           <v-menu :close-delay="1" :open-delay="0" v-bind="$attrs">
@@ -182,7 +188,12 @@ const positionList = ref([
   left: 0;
 }
 .position-item {
-  margin-bottom: 12px;
+  cursor: pointer;
+  border-radius: 6px;
+  line-height: 36px;
+  &:hover {
+    background-color: #f8f8f8;
+  }
   span {
     font-size: 15px;
   }

src/views/resume/dynamic/right.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <basicInfo class="mb-3"></basicInfo>
-    <selfEvaluation></selfEvaluation>
+    <selfEvaluation class="mt"></selfEvaluation>
     <jobIntention class="mt"></jobIntention>
   </div>
 </template>