qimaohong
/
hcdbqbVue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

写完跳转

dev
zxz 3 weeks ago
parent
e62ef5b43b
commit
a5ffe7b585
1 changed files with 94 additions and 22 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 116
      index.html

116
index.html
View File

@ -116,7 +116,7 @@
<span class="text-gray-300">|</span> <span class="text-gray-300">|</span>
<a class="text-gray-700 hover:text-orange-500 font-medium" id="goCaoZuo1">操作指南</a> <a class="text-gray-700 hover:text-orange-500 font-medium" id="goCaoZuo1">操作指南</a>
<span class="text-gray-300">|</span> <span class="text-gray-300">|</span>
<a class=" text-white px-6 py-2 rounded-full font-bold hover:shadow-lg transition-all" style="background: #FFA300;">
<a href="https://api.whatsapp.com/send?phone=85255110485&text=课程" target="_blank" class=" text-white px-6 py-2 rounded-full font-bold hover:shadow-lg transition-all" style="background: #FFA300;">
联系我们 联系我们
</a> </a>
</nav> </nav>
@ -351,9 +351,9 @@
填写报名表，即可快速解锁专业投资AI工具，助力您把握投资机会！ 填写报名表，即可快速解锁专业投资AI工具，助力您把握投资机会！
</p> </p>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start">
<div class="flex items-start" id="dc">
<div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1"> <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
<img alt="超级云脑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
<img alt="DeepChart" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
</div> </div>
<div> <div>
<h3 class="font-semibold mb-1 heading-tertiary">DeepChart</h3> <h3 class="font-semibold mb-1 heading-tertiary">DeepChart</h3>
@ -361,9 +361,9 @@
</div> </div>
</div> </div>
<div class="flex items-start">
<div class="flex items-start" id="duobao">
<div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1"> <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
<img alt="AI预测大模型" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
<img alt="夺宝奇兵" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
</div> </div>
<div> <div>
<h3 class="font-semibold mb-1 heading-tertiary">夺宝奇兵</h3> <h3 class="font-semibold mb-1 heading-tertiary">夺宝奇兵</h3>
@ -371,13 +371,13 @@
</div> </div>
</div> </div>
<div class="flex items-start">
<div class="flex items-start" id="meigu">
<div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1"> <div class="w-10 h-10 rounded-full bg-primary/20 flex items-center justify-center mr-4 mt-1">
<img alt="夺宝利剑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png"> <img alt="夺宝利剑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png">
</div> </div>
<div> <div>
<h3 class="font-semibold mb-1 heading-tertiary">赢在美股·体系化实战课程</h3> <h3 class="font-semibold mb-1 heading-tertiary">赢在美股·体系化实战课程</h3>
<p class="text-gray-400 text-sm paragraph-text">[学 · 练 · 战 · 享 ]用体系化思维，掌握最前沿美股分析方法与实战策略</p>
<p class="text-gray-400 text-sm paragraph-text">[学 · 练 · 战 · 享]用体系化思维，掌握最前沿美股分析方法与实战策略</p>
</div> </div>
</div> </div>
</div> </div>
@ -726,7 +726,7 @@
> >
<div class="absolute inset-0 z-0"> <div class="absolute inset-0 z-0">
<img <img
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5x4n27vjww900qflsd4.png"
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg65r53bbd7ie00wf974p.png"
alt="Background" alt="Background"
class="w-full h-full object-cover" class="w-full h-full object-cover"
> >
@ -775,7 +775,7 @@
bg-gradient-to-b from-transparent via-red-500/40 to-transparent" bg-gradient-to-b from-transparent via-red-500/40 to-transparent"
></div> ></div>
<div class="text-center md:text-left flex flex-col items-center md:items-start justify-center h-full w-full mt-6 md:mt-0">
<div class="text-center flex flex-col items-center justify-center h-full w-full mt-6 md:mt-0">
<img <img
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png"
class="w-8 h-8 mb-3" class="w-8 h-8 mb-3"
@ -790,33 +790,33 @@
</div> </div>
<div <div
class="w-full max-w-lg bg-black/30 backdrop-blur-sm rounded-xl
class="w-full max-w-3xl bg-black/30 backdrop-blur-sm rounded-xl
p-5 border border-white/5 shadow-lg" p-5 border border-white/5 shadow-lg"
> >
<h3 class="text-center text-sm mb-4 text-gray-200">
<h3 class="text-center text-lg mb-4 text-gray-200">
常见下载问题 常见下载问题
</h3> </h3>
<div class="space-y-4">
<div class="flex items-start gap-3">
<i class="fa fa-shield text-blue-400 mt-1 text-xs"></i>
<div class="space-y-5">
<div class="flex items-start gap-4">
<i class="fa fa-shield text-blue-400 mt-0.5 text-sm"></i>
<div> <div>
<h4 class="text-xs font-bold text-gray-200 mb-0.5">
<h4 class="text-base font-bold text-gray-200 mb-1.5">
为什么我的下载被拦截了 为什么我的下载被拦截了
</h4> </h4>
<p class="text-[10px] text-gray-400">
<p class="text-xs text-gray-300">
浏览器会对未知安装包进行安全检查，这是正常机制 浏览器会对未知安装包进行安全检查，这是正常机制
</p> </p>
</div> </div>
</div> </div>
<div class="flex items-start gap-3">
<i class="fa fa-exclamation-triangle text-blue-400 mt-1 text-xs"></i>
<div class="flex items-start gap-4">
<i class="fa fa-exclamation-triangle text-blue-400 mt-0.5 text-sm"></i>
<div> <div>
<h4 class="text-xs font-bold text-gray-200 mb-0.5">
<h4 class="text-base font-bold text-gray-200 mb-0.5">
下载的文件无法打开？ 下载的文件无法打开？
</h4> </h4>
<p class="text-[10px] text-gray-400">
<p class="text-xs text-gray-300">
Windows / macOS 需在设置中允许来自开发者的应用 Windows / macOS 需在设置中允许来自开发者的应用
</p> </p>
</div> </div>
@ -1156,6 +1156,16 @@
return false; return false;
} }
const benefitCheckboxes = document.querySelectorAll('input[name="benefits[]"]:checked');
if (benefitCheckboxes.length === 0&&!(document.getElementById('page-home').classList.contains('dohidden'))) {
showErrorMessage('请至少选择一项您希望获取的权益');
// 聚焦到第一个权益选项
const firstBenefit = document.querySelector('input[name="benefits[]"]');
if (firstBenefit) {
firstBenefit.focus();
}
return false;
}
// 邮箱格式验证 // 邮箱格式验证
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) { if (!emailRegex.test(email)) {
@ -1469,6 +1479,24 @@
}, 100); }, 100);
}); });
} }
const goRegisterBtn4 = document.getElementById('dc');
if (goRegisterBtn4) {
goRegisterBtn4.addEventListener('click', (e) => {
// 禁用平滑滚动
document.documentElement.style.scrollBehavior = 'auto';
const promotionsBtn = document.getElementById('DeepChartZone');
const headerHeight = document.querySelector('header').offsetHeight;
const registerPosition = promotionsBtn.offsetTop - headerHeight - 20;
// 立即设置滚动位置
window.scrollTo(0, registerPosition);
// 恢复平滑滚动
setTimeout(() => {
document.documentElement.style.scrollBehavior = 'smooth';
}, 100);
});
}
const duoBaoQiBingBtn2 = document.getElementById('DuoBaoQiBingZone2'); const duoBaoQiBingBtn2 = document.getElementById('DuoBaoQiBingZone2');
if (duoBaoQiBingBtn2) { if (duoBaoQiBingBtn2) {
duoBaoQiBingBtn2.addEventListener('click', (e) => { duoBaoQiBingBtn2.addEventListener('click', (e) => {
@ -1487,6 +1515,24 @@
}, 100); }, 100);
}); });
} }
const duoBaoQiBingBtn3 = document.getElementById('duobao');
if (duoBaoQiBingBtn3) {
duoBaoQiBingBtn3.addEventListener('click', (e) => {
// 禁用平滑滚动
document.documentElement.style.scrollBehavior = 'auto';
const promotionsBtn = document.getElementById('DuoBaoQiBingZone');
const headerHeight = document.querySelector('header').offsetHeight;
const registerPosition = promotionsBtn.offsetTop - headerHeight - 20;
// 立即设置滚动位置
window.scrollTo(0, registerPosition);
// 恢复平滑滚动
setTimeout(() => {
document.documentElement.style.scrollBehavior = 'smooth';
}, 100);
});
}
const yingZaiMeiGuBtn2 = document.getElementById('YingZaiMeiGUZone2'); const yingZaiMeiGuBtn2 = document.getElementById('YingZaiMeiGUZone2');
if (yingZaiMeiGuBtn2) { if (yingZaiMeiGuBtn2) {
yingZaiMeiGuBtn2.addEventListener('click', (e) => { yingZaiMeiGuBtn2.addEventListener('click', (e) => {
@ -1505,13 +1551,39 @@
}, 100); }, 100);
}); });
} }
const yingZaiMeiGuBtn3 = document.getElementById('meigu');
if (yingZaiMeiGuBtn3) {
yingZaiMeiGuBtn3.addEventListener('click', (e) => {
// 禁用平滑滚动
document.documentElement.style.scrollBehavior = 'auto';
const promotionsBtn = document.getElementById('YingZaiMeiGUZone');
const headerHeight = document.querySelector('header').offsetHeight;
const registerPosition = promotionsBtn.offsetTop - headerHeight - 20;
// 立即设置滚动位置
window.scrollTo(0, registerPosition);
// 恢复平滑滚动
setTimeout(() => {
document.documentElement.style.scrollBehavior = 'smooth';
}, 100);
});
}
// 绑定表单提交事件 // 绑定表单提交事件
registrationForm.addEventListener('submit', handleFormSubmit); registrationForm.addEventListener('submit', handleFormSubmit);
registrationForm1.addEventListener('submit', handleDCFormSubmit); registrationForm1.addEventListener('submit', handleDCFormSubmit);
// 关闭模态框事件 // 关闭模态框事件
closeModal.addEventListener('click', () => {
successModal.classList.add('hidden');
closeModal.addEventListener('click', (e) => {
if(document.getElementById('page-home').classList.contains('dohidden')){
e.preventDefault(); // 阻止默认跳转
document.getElementById('page-register').classList.add('dohidden');
document.getElementById('page-register-success').classList.remove('dohidden');
successModal.classList.add('hidden');
window.scrollTo(0, 0); // 切换后滚动到顶部
}else{
successModal.classList.add('hidden');
}
}); });
// 点击模态框外部关闭 // 点击模态框外部关闭

Write Preview
Loading…
Cancel
Save