样式调整

src/views/recruit/personal/home/components/homeJobTypeCard/index.vue

@@ -37,17 +37,17 @@
         <div class="d-flex align-center justify-space-between">
           <span class="ml-3" style="font-weight: bold;">{{ rightObj?.data?.nameCn }}</span>
           <div>
-            <v-icon color="primary" size="40" @click.stop="handleMouseLeave">mdi-close-circle-outline</v-icon>
+            <v-icon color="primary" size="30" @click.stop="handleMouseLeave">mdi-close-circle-outline</v-icon>
           </div>
         </div>
-        <div class="rightContent">
+        <div class="rightContent mt-3">
           <div
             v-if="!rightObj.data.children?.length"
             style="width: 100%; text-align: center; color: gray; margin-top: 100px;"
           >暂无数据</div>
           <div 
             v-else 
-            class="jobItem ma-3"
+            class="jobItem mx-3 mt-0 mb-4"
             v-for="val in rightObj.data.children" 
             :key="val.id" 
             @click.stop="handleJobClick(val)"
@@ -184,7 +184,7 @@ const handleClick = (item) => {
 .right-item-box {
   position: absolute;
   z-index: 999; 
-  width: 500px;
+  width: 268px;
   border-radius: 12px;
   top: 10px;
   left: 390px;
@@ -251,6 +251,9 @@ const handleClick = (item) => {
     height: 372px;
     padding: 12px;
     overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
     .categoryName { font-size: 16px; line-height: 28px; margin-top: 6px; color: var(--v-primary-base)}
     .categoryName2 { font-size: 14px; color: var(--color-666); width: 110px; margin-right: 4px;}
     .jobItem { font-size: 14px; color: #000; font-weight: 500; }
@@ -262,6 +265,7 @@ const handleClick = (item) => {
     }
     .rightContent {
       flex: 1;
+      overflow-y: auto;
       div {
         margin: 4px 28px 2px 0;
         float: left;