save code

frontend/js/main.js

@@ -30,11 +30,7 @@ async function changeHair(imageFile, hairstyleId) {
 // 全局变量
 let uploadedImage = null;
 let selectedHairstyle = null;
-let currentGender = 'male';
-let hairstylesData = {
-    male: [],
-    female: []
-};
+let hairstylesData = [];
 
 // DOM元素
 const elements = {
@@ -42,13 +38,10 @@ const elements = {
     homePage: document.getElementById('homePage'),
     imagePreview: document.getElementById('imagePreview'),
     imageUpload: document.getElementById('imageUpload'),
-    maleBtn: document.getElementById('maleBtn'),
-    femaleBtn: document.getElementById('femaleBtn'),
+    nextBtn: document.getElementById('nextBtn'),
     
     // 发型选择页元素
     hairstylePage: document.getElementById('hairstylePage'),
-    navMaleBtn: document.getElementById('navMaleBtn'),
-    navFemaleBtn: document.getElementById('navFemaleBtn'),
     hairstyleGrid: document.getElementById('hairstyleGrid'),
     confirmBtn: document.getElementById('confirmBtn'),
     
@@ -78,13 +71,8 @@ function bindEventListeners() {
     // 图片上传
     elements.imageUpload.addEventListener('change', handleImageUpload);
     
-    // 性别分类按钮
-    elements.maleBtn.addEventListener('click', () => navigateToHairstylePage('male'));
-    elements.femaleBtn.addEventListener('click', () => navigateToHairstylePage('female'));
-    
-    // 导航栏性别切换
-    elements.navMaleBtn.addEventListener('click', () => switchGender('male'));
-    elements.navFemaleBtn.addEventListener('click', () => switchGender('female'));
+    // 下一步按钮
+    elements.nextBtn.addEventListener('click', navigateToHairstylePage);
     
     // 确认按钮
     elements.confirmBtn.addEventListener('click', handleConfirmHairstyle);
@@ -104,9 +92,8 @@ async function loadHairstyles() {
         showLoading();
         const response = await getHairstyles();
         if (response.success) {
-            hairstylesData.male = response.data.male;
-            hairstylesData.female = response.data.female;
-            renderHairstyles(currentGender);
+            hairstylesData = response.data.hairstyles;
+            renderHairstyles();
         }
     } catch (error) {
         alert('加载发型数据失败，请刷新页面重试');
@@ -134,36 +121,22 @@ function handleImageUpload(e) {
 }
 
 // 导航到发型选择页
-function navigateToHairstylePage(gender) {
+function navigateToHairstylePage() {
     if (!uploadedImage) {
         alert('请先上传图片');
         return;
     }
     
-    currentGender = gender;
-    switchGender(gender);
+    renderHairstyles();
     showPage(elements.hairstylePage);
     showBackBtn();
 }
 
-// 切换性别
-function switchGender(gender) {
-    currentGender = gender;
-    
-    // 更新导航按钮状态
-    elements.navMaleBtn.classList.toggle('active', gender === 'male');
-    elements.navFemaleBtn.classList.toggle('active', gender === 'female');
-    
-    // 重新渲染发型列表
-    renderHairstyles(gender);
-}
-
 // 渲染发型列表
-function renderHairstyles(gender) {
-    const hairstyles = hairstylesData[gender];
+function renderHairstyles() {
     elements.hairstyleGrid.innerHTML = '';
     
-    hairstyles.forEach(hairstyle => {
+    hairstylesData.forEach(hairstyle => {
         const hairstyleItem = document.createElement('div');
         hairstyleItem.className = 'hairstyle-item';
         hairstyleItem.dataset.id = hairstyle.id;