feat: 创建了请求的接口

src/views/home/index.vue

@@ -48,11 +48,12 @@
 </template>
 
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 import TopNavBar from '../components/TopNavBar.vue';
 import PhotoGuide from '../components/PhotoGuide.vue';
 import AgreementTip from '../components/AgreementTip.vue';
+import { getAigcSceneList } from '@api';
 
 // --- 测试数据 ---
 const styles = [
@@ -126,6 +127,18 @@ const handleStyleChange = (id) => {
   activeStyleId.value = id;
   activeSceneIndex.value = 0;
 };
+
+// 数据请求
+const fetchSceneList = async () => {
+  // 这里可以替换成真实的 API 请求
+  const response = await getAigcSceneList();
+  // mockData[activeStyleId.value] = response.data.scenes;
+};
+
+onMounted(() => {
+  fetchSceneList();
+});
+
 </script>
 
 <style scoped>