diff --git a/src/assets/pictures/recommendbg.png b/src/assets/pictures/recommendbg.png
new file mode 100644
index 00000000..5bac5bcb
Binary files /dev/null and b/src/assets/pictures/recommendbg.png differ
diff --git a/src/views/recommend/index.vue b/src/views/recommend/index.vue
index 75f6d5d8..d3880953 100644
--- a/src/views/recommend/index.vue
+++ b/src/views/recommend/index.vue
@@ -1,9 +1,49 @@
 <template>
-    智能推荐
-</template>
-<script>
-export default {
-    name: 'RecommendIndex', // 添加组件名称
-    // 其他组件选项
-}
-</script>
\ No newline at end of file
+    <div class="recommend-container">
+      <div class="content">
+        <button class="start-btn">开始填写</button>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'RecommendIndex'
+  }
+  </script>
+  
+  <style scoped>
+  .recommend-container {
+    width: 100%;
+    height: 100%;
+    min-height: calc(100vh - 60px);
+    background-image: url('../../assets/pictures/recommendbg.png');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  .content {
+    text-align: center;
+    padding: 20px;
+  }
+  
+  .start-btn {
+    background-color: #E5579B;
+    color: white;
+    border: none;
+    padding: 12px 40px;
+    font-size: 18px;
+    border-radius: 25px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+  }
+  
+  .start-btn:hover {
+    transform: scale(1.05);
+    background-color: #d94b8b;
+  }
+  </style>
\ No newline at end of file