成果展示筛选

src/views/conversion/components/AchievementItem/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ac-item-card">
-    <div class="card-name">{{ item.technologicalNeedsName }}</div>
+    <div class="card-name">{{ item.technologicalNeedsName ? item.technologicalNeedsName : '没有成果名称' }}</div>
     <div class="card-pic">
       <img :src="item.technicalPicturesPath" alt="#" />
       <img class="corner" src="@/assets/icon/corner.png" alt="#" />
@@ -69,7 +69,10 @@ defineProps({
     justify-content: center;
     position: relative;
     img {
+      border-radius: 1rem;
       width: 25rem;
+      height: 13rem;
+      object-fit: cover;
     }
     .corner {
       position: absolute;

src/views/conversion/index.vue

@@ -185,7 +185,7 @@ onMounted(async () => {
     }
     .demand-content-main {
       display: flex;
-      justify-content: space-between;
+      gap: .5rem;
       width: 100%;
       flex-wrap: wrap;
     }