@@ -516,8 +517,11 @@
注册成功!
感谢您的注册,我们的顾问将尽快与您联系。
-
联系我们
@@ -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);
@@ -893,9 +935,11 @@
height: auto;
}
+ /* 确保图片容器有合适的高度 */
.promotion-module-image {
display: flex;
flex-direction: column;
+ min-height: 300px;
}
.promotion-module-content {
diff --git a/src/api/member.js b/src/api/member.js
index fb10dcf..d6e1b69 100644
--- 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`,