智能推荐首页

src/views/recommend/index.vue

@@ -1,9 +1,49 @@
 <template>
-    智能推荐
+    <div class="recommend-container">
-</template>
+      <div class="content">
-<script>
+        <button class="start-btn">开始填写</button>
-export default {
+      </div>
-    name: 'RecommendIndex', // 添加组件名称
+    </div>
-    // 其他组件选项
+  </template>
-}
+  
-</script>
+  <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>