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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 112
      index.html

112
index.html
View File

@ -116,7 +116,7 @@
<span class="text-gray-300">|</span>
<a class="text-gray-700 hover:text-orange-500 font-medium" id="goCaoZuo1">操作指南</a>
<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>
</nav>
@ -351,9 +351,9 @@
填写报名表，即可快速解锁专业投资AI工具，助力您把握投资机会！
</p>
<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">
<img alt="超级云脑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
<img alt="DeepChart" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png">
</div>
<div>
<h3 class="font-semibold mb-1 heading-tertiary">DeepChart</h3>
@ -361,9 +361,9 @@
</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">
<img alt="AI预测大模型" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
<img alt="夺宝奇兵" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bapwystqy500k1h6xw.png">
</div>
<div>
<h3 class="font-semibold mb-1 heading-tertiary">夺宝奇兵</h3>
@ -371,7 +371,7 @@
</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">
<img alt="夺宝利剑" src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bb0rllyv0600wgiveo.png">
</div>
@ -726,7 +726,7 @@
>
<div class="absolute inset-0 z-0">
<img
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5x4n27vjww900qflsd4.png"
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg65r53bbd7ie00wf974p.png"
alt="Background"
class="w-full h-full object-cover"
>
@ -775,7 +775,7 @@
bg-gradient-to-b from-transparent via-red-500/40 to-transparent"
></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
src="https://d31zlh4on95l9h.cloudfront.net/files/5iujc601000dg5bad6avznn400jwiqwu.png"
class="w-8 h-8 mb-3"
@ -790,33 +790,33 @@
</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"
>
<h3 class="text-center text-sm mb-4 text-gray-200">
<h3 class="text-center text-lg mb-4 text-gray-200">
常见下载问题
</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>
<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>
<p class="text-[10px] text-gray-400">
<p class="text-xs text-gray-300">
浏览器会对未知安装包进行安全检查，这是正常机制
</p>
</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>
<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>
<p class="text-[10px] text-gray-400">
<p class="text-xs text-gray-300">
Windows / macOS 需在设置中允许来自开发者的应用
</p>
</div>
@ -1156,6 +1156,16 @@
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@]+$/;
if (!emailRegex.test(email)) {
@ -1469,6 +1479,24 @@
}, 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');
if (duoBaoQiBingBtn2) {
duoBaoQiBingBtn2.addEventListener('click', (e) => {
@ -1487,6 +1515,24 @@
}, 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');
if (yingZaiMeiGuBtn2) {
yingZaiMeiGuBtn2.addEventListener('click', (e) => {
@ -1505,13 +1551,39 @@
}, 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);
registrationForm1.addEventListener('submit', handleDCFormSubmit);
// 关闭模态框事件
closeModal.addEventListener('click', () => {
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