修改图片接口

3 months ago · 97ff6b8ed9
2 changed files with 66 additions and 14 deletions
--- a/index.html
+++ b/index.html
@ -61,7 +61,7 @@
      <nav class="hidden md:flex items-center space-x-8">
        <a href="#features" class="font-medium hover:text-primary transition-colors">特色功能</a>
        <a href="#kc" class="font-medium hover:text-primary transition-colors">最新课程</a>
-        <a href="hcdbqb-guide.html" class="font-medium hover:text-primary transition-colors">操作指南</a>
+        <!-- <a href="hcdbqb-guide.html" class="font-medium hover:text-primary transition-colors">操作指南</a> -->
        <a href="https://wa.me/+6588792879?text=夺宝奇兵指南我需要帮助" target="_blank"
          class="px-5 py-2 rounded-full gradient-background text-white font-medium hover:shadow-lg transition-all">
          联系我们
@ -79,7 +79,8 @@
      <div class="container mx-auto px-4 py-3 flex flex-col space-y-4">
        <a href="#features" class="font-medium py-2 hover:text-primary transition-colors">特色功能</a>
        <a href="#kc" class="font-medium py-2 hover:text-primary transition-colors">最新课程</a>
-        <a href="hcdbqb-guide.html" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a>
+        <!-- <a href="hcdbqb-guide.html" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a> -->
+        <a href="#" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a>
        <a href="https://wa.me/+6588792879?text=夺宝奇兵指南我需要帮助" target="_blank"
          class="py-2 rounded-full gradient-background text-white font-medium text-center hover:shadow-lg transition-all">
          联系我们
@ -283,7 +284,7 @@
      <div id="kc"
        class="bg-white rounded-3xl shadow-xl overflow-hidden flex flex-col md:flex-row animate-fade-in delay-200">
        <div class="md:w-1/2">
-          <img src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg" alt="John Lu谈股专题讲座"
+          <img id="lectureImage" src="" alt="John Lu谈股专题讲座"
            class="w-full h-full object-cover">
        </div>
        <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
@ -516,8 +517,11 @@
        <div>
          <h4 class="text-lg font-semibold mb-6 heading-tertiary">支持</h4>
          <ul class="space-y-3">
-            <li class="list-item"><a href="hcdbqb-guide.html"
-                class="text-gray-400 hover:text-white transition-colors">帮助中心</a></li>
+            <li class="list-item">
+              <!-- <a href="hcdbqb-guide.html"
+                class="text-gray-400 hover:text-white transition-colors">帮助中心</a> -->
+                <a href="#" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
+              </li>
            <li class="list-item"><a href="https://wa.me/+6588792879?text=我有问题" target="_blank"
                class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
          </ul>
@ -548,7 +552,7 @@
        </div>
        <h3 class="text-xl font-bold mb-2 heading-tertiary">注册成功！</h3>
        <p class="text-gray-600 mb-6 paragraph-text">感谢您的注册，我们的顾问将尽快与您联系。</p>
-        <a href="https://wa.me/8615318705910?text=%E6%8A%A5%E5%90%8D%E8%AF%BE%E7%A8%8B" target="_blank"
+        <a href="https://api.whatsapp.com/send?phone=85255110485&text=课程" target="_blank"
          class="inline-block px-6 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors">
          联系我们
        </a>
@ -564,7 +568,7 @@
    const LOADING_DELAY = 300;

    // 导入API函数
-    import { registerMemberApi } from './src/api/member.js';
+    import { registerMemberApi, getImageApi } from './src/api/member.js';

    // 表单提交处理
    const registrationForm = document.getElementById('registrationForm');
@ -573,10 +577,46 @@
    const submitBtn = document.getElementById('submitBtn');
    const loadingOverlay = document.getElementById('loadingOverlay');

+    // 新增：讲座图片元素引用
+    const lectureImage = document.getElementById('lectureImage');
+
    // 防止重复提交标志
    let isSubmitting = false;

    /**
+     * 从后端获取讲座图片
+     */
+    async function loadLectureImage() {
+      console.log('开始加载讲座图片...'); // 调试信息
+      try {
+        const requestData = {
+          id: 1,
+          type: "正式"
+        };
+
+        console.log('调用getImageApi，参数:', requestData); // 调试信息
+
+        const response = await getImageApi(requestData);
+
+        console.log('接口返回:', response); // 调试信息
+
+        if (response.code === 200 && response.data) {
+          // 成功获取图片URL，更新图片src
+          lectureImage.src = response.data;
+          console.log('讲座图片加载成功:', response.data);
+        } else {
+          console.warn('获取图片失败:', response.msg);
+          // 使用默认的图片
+          lectureImage.src = 'https://hc.homilychart.com/hc/250121/img/kecheng.jpg';
+        }
+      } catch (error) {
+        console.error('加载讲座图片失败:', error);
+        // 出错时保持默认图片
+        lectureImage.src = 'https://hc.homilychart.com/hc/250121/img/kecheng.jpg';
+      }
+    }
+
+    /**
     * 显示加载指示器
     */
    function showLoadingIndicator() {
@ -737,6 +777,15 @@
      });
    }

+    // 页面加载完成后执行
+    window.addEventListener('load', () => {
+      console.log('页面加载完成，开始调用loadLectureImage...');
+      loadLectureImage(); // 调用图片加载函数
+      executeScrollAnimation();
+      // 隐藏加载状态
+      document.getElementById('loadingOverlay').style.display = 'none';
+    });
+
    // 绑定表单提交事件
    registrationForm.addEventListener('submit', handleFormSubmit);

@ -758,13 +807,6 @@
    // 导航栏滚动效果
    window.addEventListener('scroll', handleHeaderScroll);

-    // 页面加载完成后执行
-    window.addEventListener('load', () => {
-      executeScrollAnimation();
-      // 隐藏加载状态
-      document.getElementById('loadingOverlay').style.display = 'none';
-    });
-
    // 滚动时执行动画
    window.addEventListener('scroll', executeScrollAnimation);
  </script>
@ -893,9 +935,11 @@
      height: auto;
    }

+    /* 确保图片容器有合适的高度 */
    .promotion-module-image {
      display: flex;
      flex-direction: column;
+      min-height: 300px;
    }

    .promotion-module-content {
--- a/src/api/member.js
+++ b/src/api/member.js
@ -12,6 +12,14 @@ export function registerMemberApi(data) {
    });
 }

+export function getImageApi(data) {
+    return request({
+        url: `${API_BASE_URL}/api/cover/getImage`,
+        method: "post",
+        data: data,
+    });
+}
+
 export function getMemberListApi(data){
    return request({
         url: `${API_BASE_URL}/api/member/getList`,