Browse Source

feat: 个人简历标签展示自适应

zhangying 10 months ago
parent
commit
0f3734e09f
1 changed files with 13 additions and 2 deletions
  1. 13 2
      vue/src/views/jobUserManager/jobuser/vitae.vue

+ 13 - 2
vue/src/views/jobUserManager/jobuser/vitae.vue

@@ -49,7 +49,7 @@
         <!-- 标签 -->
         <div class="label-info" v-if="jobUserInfo.listLabel.length >= 1">
           <p class="title">标签</p>
-          <div class="grid-box">
+          <div class="grid-box label-grid-media">
             <a-tag v-for="(item, index) in jobUserInfo.listLabel" :key="index">
               {{ item.labelName }}
             </a-tag>
@@ -393,7 +393,6 @@ export default {
             text-align: center;
           }
         }
-
       }
 
     }
@@ -404,6 +403,18 @@ export default {
       margin-left: 10px;
     }
   }
+
+  @media (max-width: 1700px) {
+    .label-grid-media {
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+    }
+  }
+
+  @media (max-width: 1500px) {
+    .label-grid-media {
+      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
+    }
+  }
 }