招聘会列表

src/views/recruit/enterprise/jobFair/index.vue

@@ -1,16 +1,18 @@
 <template>
-  <v-card v-if="list.length" class="card-box pa-5 ">
-    <v-card v-for="(k, i) in list" :key="i" class="elevation-3">
-      <img :src="k.pcHeadImg" style="width: 100%; object-fit: contain;" />
-      <div class="px-5 py-3">
-        <div class="color-666">活动时间：{{ timesTampChange(k.startTime, 'Y-M-D') }}至{{ timesTampChange(k.endTime, 'Y-M-D') }}</div>
-        <div class="text-end">
-          <v-btn color="primary" variant="outlined" @click.stop="handleBlockEnterprise(k.id)">立即加入</v-btn>
+  <v-card style="min-height: 70vh;">
+    <div v-if="list.length" class="card-box pa-5 ">
+      <v-card v-for="(k, i) in list" :key="i" class="elevation-3">
+        <img :src="k.pcHeadImg" style="width: 100%; object-fit: contain;" />
+        <div class="px-5 py-3">
+          <div class="color-666">活动时间：{{ timesTampChange(k.startTime, 'Y-M-D') }}至{{ timesTampChange(k.endTime, 'Y-M-D') }}</div>
+          <div class="text-end">
+            <v-btn color="primary" variant="outlined" @click.stop="handleBlockEnterprise(k.id)">立即加入</v-btn>
+          </div>
         </div>
-      </div>
-    </v-card>
+      </v-card>
+    </div>
+    <Empty v-else message="暂无进行中的招聘会，去看看其他吧~" />
   </v-card>
-  <Empty v-else message="暂无进行中的招聘会，去看看其他吧~" />
 </template>
 
 <script setup>
@@ -45,6 +47,5 @@ const handleBlockEnterprise = async (id) => {
   grid-template-columns: repeat(2, 1fr);
   gap: 20px;
   min-height: auto;
-  min-height: 70vh;
 }
 </style>