diff --git a/src/components/CaseCard.vue b/src/components/CaseCard.vue
index f0a39ee..44b5885 100644
--- a/src/components/CaseCard.vue
+++ b/src/components/CaseCard.vue
@@ -14,6 +14,11 @@
 
 <script setup>
 import { trackList } from '@/mock'
+const props = defineProps({
+  activeTab: {
+    type: Number,
+  },
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/pages/Recruit.vue b/src/pages/Recruit.vue
index 62cf0d0..606cc76 100644
--- a/src/pages/Recruit.vue
+++ b/src/pages/Recruit.vue
@@ -2,7 +2,14 @@
   <div class="recruit_container">
     <SubNavigation title="招贤纳士" />
     <div class="collapse_container">
-      <div class="collapse_header"></div>
+      <div class="collapse_header">
+        <p class="title">算法工程师</p>
+        <div class="right_wrap">
+          <p class="salary">全职-岗位待遇50K</p>
+          <div class="arrow"></div>
+        </div>
+      </div>
+      <div class="collapse_content"></div>
     </div>
   </div>
 </template>
@@ -16,7 +23,38 @@ import SubNavigation from 'cpns/SubNavigation'
   padding-top: $sub-header-height;
   .collapse_container {
     .collapse_header {
-      background: #000;
+      width: 100%;
+      height: 47px;
+      background: #f8f8f8;
+      padding: 18px;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .title {
+        font-size: 10px;
+        font-family: Alibaba PuHuiTi;
+        font-weight: 500;
+        color: #000000;
+      }
+      .right_wrap {
+        display: flex;
+        align-items: center;
+        .salary {
+          font-size: 10px;
+          font-family: Alibaba PuHuiTi;
+          font-weight: 500;
+          color: #000000;
+          margin-right: 18px;
+        }
+        .arrow {
+          width: 7px;
+          height: 10px;
+          background: #000000;
+        }
+      }
+    }
+    .collapse_content {
     }
   }
 }