Compare commits

...

7 Commits

Author SHA1 Message Date
zhaoruhui e21a563222 后台添加whatsapp字段实现动态跳转 2 months ago
zhaoruhui 35688a94e3 后台添加whatsapp字段实现动态跳转 2 months ago
zhaoruhui b3abd03f66 添加定位 3 months ago
zhaoruhui 419b7e964e 修改定位 3 months ago
zhaoruhui e910b5b01c 修改图片 3 months ago
zhaoruhui 708f6c2008 修改字体 3 months ago
zhaoruhui c6eac6807e 修改背景图片即文字 3 months ago
  1. 2
      dist-test/hcdbqb-download.html
  2. 2
      dist-test/hcdbqb-guide.html
  3. 116
      dist-test/index.html
  4. 2
      dist-test/main.js
  5. 91
      hcdbqb-management.html
  6. 126
      index.html

2
dist-test/hcdbqb-download.html

@ -1622,7 +1622,7 @@
href="https://wa.me/+6588792879?text=夺宝奇兵下载我需要帮助" href="https://wa.me/+6588792879?text=夺宝奇兵下载我需要帮助"
target="_blank" target="_blank"
class="py-2 mt-2 rounded-full bg-gradient-to-r from-primary to-purple-600 text-white text-center" class="py-2 mt-2 rounded-full bg-gradient-to-r from-primary to-purple-600 text-white text-center"
>联系我们</a
>加入我们</a
> >
</div> </div>
</div> </div>

2
dist-test/hcdbqb-guide.html

@ -2019,7 +2019,7 @@
href="https://wa.me/+6588792879?text=我要咨询" href="https://wa.me/+6588792879?text=我要咨询"
target="_blank" target="_blank"
class="text-gray-400 hover:text-white transition-colors" class="text-gray-400 hover:text-white transition-colors"
>联系我们</a
>加入我们</a
> >
</li> </li>
</ul> </ul>

116
dist-test/index.html

@ -12,7 +12,7 @@
<link rel="bookmark" href="dbqb_favicon.ico" /> <link rel="bookmark" href="dbqb_favicon.ico" />
<meta http-equiv="keywords" content="夺宝奇兵,homilychart,homilylink"> <meta http-equiv="keywords" content="夺宝奇兵,homilychart,homilylink">
<meta http-equiv="description" content="HomilyLink"> <meta http-equiv="description" content="HomilyLink">
<title>夺宝奇兵 - AI炒股时代,机构界的黑科技</title>
<title>赢在美股——加入我们,开启赢家人生</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<script type="text/javascript" src="https://hc.homilychart.com/hc/210802/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://hc.homilychart.com/hc/210802/js/jquery-1.9.1.min.js"></script>
@ -51,11 +51,11 @@
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> <div class="container mx-auto px-4 py-3 flex justify-between items-center">
<a href="#" class="flex items-center space-x-2"> <a href="#" class="flex items-center space-x-2">
<div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center"> <div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center">
<img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
<img alt="赢在美股" src="https://d31zlh4on95l9h.cloudfront.net/images/497d8b38ab9f738e9720d5d7bddf3beb.png"
style="width: 40px;height: 40px;"> style="width: 40px;height: 40px;">
</div> </div>
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent"> <span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">
夺宝奇兵
赢在美股
</span> </span>
</a> </a>
@ -66,7 +66,7 @@
<!-- <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://api.whatsapp.com/send?phone=85255110485&text=我需要帮助" target="_blank" <a href="https://api.whatsapp.com/send?phone=85255110485&text=我需要帮助" target="_blank"
class="px-5 py-2 rounded-full gradient-background text-white font-medium hover:shadow-lg transition-all"> class="px-5 py-2 rounded-full gradient-background text-white font-medium hover:shadow-lg transition-all">
联系我们
加入我们
</a> </a>
</nav> </nav>
@ -83,9 +83,9 @@
<a href="#kc" 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="#" class="font-medium py-2 hover:text-primary transition-colors">操作指南</a> -->
<a href="https://wa.me/+6588792879?text=夺宝奇兵指南我需要帮助" target="_blank"
<a href="https://api.whatsapp.com/send?phone=85255110485&text=我需要帮助" target="_blank"
class="py-2 rounded-full gradient-background text-white font-medium text-center hover:shadow-lg transition-all"> class="py-2 rounded-full gradient-background text-white font-medium text-center hover:shadow-lg transition-all">
联系我们
加入我们
</a> </a>
</div> </div>
</div> </div>
@ -102,7 +102,7 @@
</h1> </h1>
<p class="text-lg text-gray-600 mb-8 max-w-lg paragraph-text"> <p class="text-lg text-gray-600 mb-8 max-w-lg paragraph-text">
AI时代股票投资必备机构界的黑科技!<br /> AI时代股票投资必备机构界的黑科技!<br />
现开放免费体验7天的活动,立刻注册报名吧!
加入「赢在美股」,即可参与夺宝奇兵免费体验 7 天的活动,立刻注册报名吧!
</p> </p>
<div class="flex flex-col sm:flex-row gap-4"> <div class="flex flex-col sm:flex-row gap-4">
<a href="#register" <a href="#register"
@ -135,8 +135,8 @@
<section id="features" class="py-16 px-4 bg-white"> <section id="features" class="py-16 px-4 bg-white">
<div class="container mx-auto max-w-6xl"> <div class="container mx-auto max-w-6xl">
<div class="text-center mb-16 animate-fade-in"> <div class="text-center mb-16 animate-fade-in">
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 heading-secondary">您可以免费体验什么?</h2>
<p class="text-gray-600 max-w-2xl mx-auto paragraph-text">您可以免费体验 超级云脑 AI预测大模型 夺宝利剑三个模块 7</p>
<h2 class="text-[clamp(1.5rem,3vw,2.5rem)] font-bold mb-4 heading-secondary">加入赢在美股,您可以免费体验什么?</h2>
<p class="text-gray-600 max-w-2xl mx-auto paragraph-text">您可以免费体验超级云脑 AI预测大模型 夺宝利剑三个模块 7 天,助力您赢在美股!</p>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
@ -192,19 +192,19 @@
<ul class="space-y-3 mb-8"> <ul class="space-y-3 mb-8">
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>云脑探秘</span>
<span>云脑探秘:深度解析股市底层数据</span>
</li> </li>
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>机构动向</span>
<span>机构动向:实时追踪机构资金动向</span>
</li> </li>
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>体检专家</span>
<span>体检专家:股票标的全方位健康检测</span>
</li> </li>
</ul> </ul>
<a href="#register" class="inline-flex items-center text-primary font-medium hover:underline"> <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
加入赢在美股,解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
</a> </a>
</div> </div>
</div> </div>
@ -239,7 +239,7 @@
</li> </li>
</ul> </ul>
<a href="#register" class="inline-flex items-center text-primary font-medium hover:underline"> <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
加入赢在美股,解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
</a> </a>
</div> </div>
</div> </div>
@ -274,7 +274,7 @@
</li> </li>
</ul> </ul>
<a href="#register" class="inline-flex items-center text-primary font-medium hover:underline"> <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
加入赢在美股,解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
</a> </a>
</div> </div>
</div> </div>
@ -288,7 +288,7 @@
<div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center"> <div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
<span <span
class="inline-block px-4 py-1 rounded-full bg-green-100 text-secondary text-base font-medium mb-4 breadcrumb-text"> class="inline-block px-4 py-1 rounded-full bg-green-100 text-secondary text-base font-medium mb-4 breadcrumb-text">
HomilyLink > 消息 > John Lu谈股财富圈
HomilyLink > 消息 > 赢在美股班级群
</span> </span>
<h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">HomilyLink专题讲座</h3> <h3 class="text-2xl md:text-3xl font-bold mb-4 heading-tertiary">HomilyLink专题讲座</h3>
<p class="text-gray-600 mb-6 paragraph-text"> <p class="text-gray-600 mb-6 paragraph-text">
@ -297,34 +297,34 @@
<ul class="space-y-3 mb-8"> <ul class="space-y-3 mb-8">
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>新加坡时间</span>
<span>课程为香港时间</span>
</li> </li>
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>注意换算当地时间</span>
<span>体系化课程助力跟庄稳赢</span>
</li> </li>
<li class="flex items-start list-item"> <li class="flex items-start list-item">
<i class="fa fa-check-circle text-secondary mt-1 mr-3"></i> <i class="fa fa-check-circle text-secondary mt-1 mr-3"></i>
<span>HomilyLink班级群课程</span>
<span>HomilyLink赢在美股班级群专属课程(实时答疑+干货分享)</span>
</li> </li>
</ul> </ul>
<a href="#register" class="inline-flex items-center text-primary font-medium hover:underline"> <a href="#register" class="inline-flex items-center text-primary font-medium hover:underline">
注册了解更多 <i class="fa fa-arrow-right ml-2"></i>
加入赢在美股,解锁更多资讯 <i class="fa fa-arrow-right ml-2"></i>
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- 注册表单区域 --> <!-- 注册表单区域 -->
<section id="register" class="py-20 px-4 bg-white"> <section id="register" class="py-20 px-4 bg-white">
<div class="container mx-auto max-w-6xl"> <div class="container mx-auto max-w-6xl">
<div class="bg-gradient-to-br from-dark to-gray-800 rounded-3xl shadow-2xl overflow-hidden">
<div class="bg-gradient-to-br rounded-3xl shadow-2xl overflow-hidden">
<div class="grid grid-cols-1 md:grid-cols-2"> <div class="grid grid-cols-1 md:grid-cols-2">
<div class="p-8 md:p-12 text-white flex flex-col justify-center">
<h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary">立即注册,开启智能体验之旅!</h2>
<!-- 左侧区域 - 已替换背景 -->
<div class="p-8 md:p-12 text-white flex flex-col justify-center bg-image-overlay">
<h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary">加入赢在美股,开启赢家人生!</h2>
<p class="text-gray-300 mb-10 leading-relaxed paragraph-text"> <p class="text-gray-300 mb-10 leading-relaxed paragraph-text">
填写报名表,我们会尽快为您开启智能体验之旅
填写报名表,即可快速解锁专业投资AI工具,助力您把握投资机会
</p> </p>
<div class="space-y-6"> <div class="space-y-6">
<div class="flex items-start"> <div class="flex items-start">
@ -359,6 +359,7 @@
</div> </div>
</div> </div>
<!-- 右侧表单区域 - 保持不变 -->
<div class="bg-white p-8 md:p-12"> <div class="bg-white p-8 md:p-12">
<form id="registrationForm" class="space-y-6"> <form id="registrationForm" class="space-y-6">
<input type="hidden" name="zbtype" id="zbType" value="6"> <input type="hidden" name="zbtype" id="zbType" value="6">
@ -450,19 +451,19 @@
</section> </section>
<!-- 页脚区域 --> <!-- 页脚区域 -->
<footer class="bg-dark text-white py-12 px-4">
<footer class="footer-bg text-white py-12 px-4">
<div class="container mx-auto max-w-6xl"> <div class="container mx-auto max-w-6xl">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div> <div>
<div class="flex items-center space-x-2 mb-6"> <div class="flex items-center space-x-2 mb-6">
<div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center"> <div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center">
<img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
<img alt="赢在美股" src="https://d31zlh4on95l9h.cloudfront.net/images/497d8b38ab9f738e9720d5d7bddf3beb.png"
style="width: 40px;height: 40px;"> style="width: 40px;height: 40px;">
</div> </div>
<span class="text-xl font-bold">夺宝奇兵</span>
<span class="text-xl font-bold">赢在美股</span>
</div> </div>
<p class="text-gray-400 mb-6 paragraph-text"> <p class="text-gray-400 mb-6 paragraph-text">
AI炒股时代 机构界的黑科技
加入赢在美股,开启赢家人生
</p> </p>
<div class="flex space-x-4"> <div class="flex space-x-4">
<a href="#" <a href="#"
@ -487,12 +488,12 @@
<div> <div>
<h4 class="text-lg font-semibold mb-6 heading-tertiary">产品</h4> <h4 class="text-lg font-semibold mb-6 heading-tertiary">产品</h4>
<ul class="space-y-3"> <ul class="space-y-3">
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
class="text-gray-400 hover:text-white transition-colors">博股会员</a></li> class="text-gray-400 hover:text-white transition-colors">博股会员</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
@ -503,12 +504,12 @@
<div> <div>
<h4 class="text-lg font-semibold mb-6 heading-tertiary">公司</h4> <h4 class="text-lg font-semibold mb-6 heading-tertiary">公司</h4>
<ul class="space-y-3"> <ul class="space-y-3">
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
</ul> </ul>
</div> </div>
@ -518,15 +519,16 @@
<li class="list-item"> <li class="list-item">
<!-- <a href="hcdbqb-guide.html" <!-- <a href="hcdbqb-guide.html"
class="text-gray-400 hover:text-white transition-colors">帮助中心</a> --> class="text-gray-400 hover:text-white transition-colors">帮助中心</a> -->
<a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
<a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
</li> </li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
<div class=" border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-500 text-sm mb-4 md:mb-0 paragraph-text"> <p class="text-gray-500 text-sm mb-4 md:mb-0 paragraph-text">
&copy; Copyright 2025.Capitalmaster Pte Ltd All Rights Reserved. &copy; Copyright 2025.Capitalmaster Pte Ltd All Rights Reserved.
</p> </p>
@ -868,6 +870,30 @@
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
.gradient-background {
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}
.bg-image-overlay {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
url('https://d31zlh4on95l9h.cloudfront.net/images/3b28e7abdfc4b495324cc3e6d9210b51.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gradient-background {
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}
.footer-bg {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url('https://d31zlh4on95l9h.cloudfront.net/images/22576b3fe6f29e642f322d4d315ae426.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
</style> </style>
</body> </body>

2
dist-test/main.js

@ -1 +1 @@
import{g as E,r as h}from"./member.js";const I=50,L=100,B=20,u=document.getElementById("registrationForm"),l=document.getElementById("successModal"),p=document.getElementById("closeModal"),a=document.getElementById("submitBtn"),g=document.getElementById("loadingOverlay"),i=document.getElementById("lectureImage");let r=!1;async function v(){console.log("开始加载讲座图片...");try{const e={id:1};console.log("调用getImageApi,参数:",e);const t=await E(e);console.log("接口返回:",t),t.code===200&&t.data?(i.src=t.data,console.log("讲座图片加载成功:",t.data)):(console.warn("获取图片失败:",t.msg),i.src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg")}catch(e){console.error("加载讲座图片失败:",e),i.src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg"}}function w(){g.style.display="flex",a.disabled=!0,a.textContent="提交中...",r=!0}function M(){g.style.display="none",a.disabled=!1,a.textContent="提交注册",r=!1}function s(e){alert(e)}function b(e){const{name:t,tel:o,email:n}=e;return!t||t.length>I?(s("请输入有效的姓名(最多50个字符)"),document.getElementById("userNameInfo").focus(),!1):!o||o.length>B?(s("请输入有效的电话号码"),document.getElementById("userMobile").focus(),!1):!n||n.length>L?(s("请输入电子邮箱"),document.getElementById("userEmail").focus(),!1):/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)?!0:(s("请输入有效的电子邮箱地址"),document.getElementById("userEmail").focus(),!1)}async function A(e){if(e.preventDefault(),r)return;const t=document.getElementById("userNameInfo").value.trim(),o=document.getElementById("countryInfo").value,n=document.getElementById("userMobile").value.trim(),d=document.getElementById("userWechat").value.trim(),y=document.getElementById("userEmail").value.trim(),m={name:t,code:o,tel:n,wechat:d,email:y};if(b(m))try{w();const c=await h(m);c.code===200?(l.classList.remove("hidden"),u.reset()):s("注册失败: "+(c.msg||"未知错误"))}catch(c){console.error("请求失败:",c),s("网络错误,请稍后重试")}finally{M()}}function N(){document.getElementById("mobileMenu").classList.toggle("hidden");const t=document.getElementById("menuBtn").querySelector("i");t.classList.contains("fa-bars")?t.classList.replace("fa-bars","fa-times"):t.classList.replace("fa-times","fa-bars")}function H(){const e=document.querySelector("header");window.scrollY>50?(e.classList.add("py-2","shadow"),e.classList.remove("py-3")):(e.classList.add("py-3"),e.classList.remove("py-2","shadow"))}function f(){document.querySelectorAll(".animate-fade-in").forEach(t=>{const o=t.getBoundingClientRect().top,n=window.innerHeight;o<n-100&&(t.style.opacity="1",t.style.transform="translateY(0)")})}window.addEventListener("load",()=>{console.log("页面加载完成,开始调用loadLectureImage..."),v(),f(),document.getElementById("loadingOverlay").style.display="none"});u.addEventListener("submit",A);p.addEventListener("click",()=>{l.classList.add("hidden")});l.addEventListener("click",e=>{e.target===l&&l.classList.add("hidden")});document.getElementById("menuBtn").addEventListener("click",N);window.addEventListener("scroll",H);window.addEventListener("scroll",f);
import{g as E,r as h}from"./member.js";const I=50,L=100,B=20,u=document.getElementById("registrationForm"),l=document.getElementById("successModal"),p=document.getElementById("closeModal"),a=document.getElementById("submitBtn"),g=document.getElementById("loadingOverlay"),i=document.getElementById("lectureImage");let r=!1;async function v(){console.log("开始加载讲座图片...");try{const e={id:1};console.log("调用getImageApi,参数:",e);const t=await E(e);console.log("接口返回:",t),t.code===200&&t.data?(i.src=t.data,console.log("讲座图片加载成功:",t.data)):(console.warn("获取图片失败:",t.msg),i.src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg")}catch(e){console.error("加载讲座图片失败:",e),i.src="https://hc.homilychart.com/hc/250121/img/kecheng.jpg"}}function w(){g.style.display="flex",a.disabled=!0,a.textContent="提交中...",r=!0}function b(){g.style.display="none",a.disabled=!1,a.textContent="提交注册",r=!1}function s(e){alert(e)}function M(e){const{name:t,tel:o,email:n}=e;return!t||t.length>I?(s("请输入有效的姓名(最多50个字符)"),document.getElementById("userNameInfo").focus(),!1):!o||o.length>B?(s("请输入有效的电话号码"),document.getElementById("userMobile").focus(),!1):!n||n.length>L?(s("请输入电子邮箱"),document.getElementById("userEmail").focus(),!1):/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)?!0:(s("请输入有效的电子邮箱地址"),document.getElementById("userEmail").focus(),!1)}async function A(e){if(e.preventDefault(),r)return;const t=document.getElementById("userNameInfo").value.trim(),o=document.getElementById("countryInfo").value,n=document.getElementById("userMobile").value.trim(),d=document.getElementById("userWechat").value.trim(),y=document.getElementById("userEmail").value.trim(),m={name:t,code:o,tel:n,wechat:d,email:y};if(M(m))try{w();const c=await h(m);c.code===200?(l.classList.remove("hidden"),u.reset()):s("注册失败: "+(c.msg||"未知错误"))}catch(c){console.error("请求失败:",c),s("网络错误,请稍后重试")}finally{b()}}function N(){document.getElementById("mobileMenu").classList.toggle("hidden");const t=document.getElementById("menuBtn").querySelector("i");t.classList.contains("fa-bars")?t.classList.replace("fa-bars","fa-times"):t.classList.replace("fa-times","fa-bars")}function S(){const e=document.querySelector("header");window.scrollY>50?(e.classList.add("py-2","shadow"),e.classList.remove("py-3")):(e.classList.add("py-3"),e.classList.remove("py-2","shadow"))}function f(){document.querySelectorAll(".animate-fade-in").forEach(t=>{const o=t.getBoundingClientRect().top,n=window.innerHeight;o<n-100&&(t.style.opacity="1",t.style.transform="translateY(0)")})}function H(){const e=document.getElementById("register");e&&e.scrollIntoView({behavior:"smooth"})}window.addEventListener("load",()=>{console.log("页面加载完成,开始调用loadLectureImage..."),v(),f(),document.getElementById("loadingOverlay").style.display="none",H()});u.addEventListener("submit",A);p.addEventListener("click",()=>{l.classList.add("hidden")});l.addEventListener("click",e=>{e.target===l&&l.classList.add("hidden")});document.getElementById("menuBtn").addEventListener("click",N);window.addEventListener("scroll",S);window.addEventListener("scroll",f);

91
hcdbqb-management.html

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
@ -11,6 +12,7 @@
background: #f7f8fb; background: #f7f8fb;
color: #222; color: #222;
} }
.card { .card {
background: #fff; background: #fff;
padding: 16px; padding: 16px;
@ -18,11 +20,13 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
margin: auto; margin: auto;
} }
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-top: 12px; margin-top: 12px;
} }
th, th,
td { td {
padding: 10px 12px; padding: 10px 12px;
@ -30,16 +34,19 @@
text-align: left; text-align: left;
font-size: 14px; font-size: 14px;
} }
th { th {
background: #fafafa; background: #fafafa;
font-weight: 600; font-weight: 600;
} }
.controls { .controls {
display: flex; display: flex;
gap: 12px; gap: 12px;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.pagination { .pagination {
display: flex; display: flex;
gap: 6px; gap: 6px;
@ -47,6 +54,7 @@
margin-left: auto; margin-left: auto;
flex-wrap: wrap; flex-wrap: wrap;
} }
.btn { .btn {
padding: 6px 10px; padding: 6px 10px;
border-radius: 6px; border-radius: 6px;
@ -55,54 +63,71 @@
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
.btn:disabled { .btn:disabled {
opacity: 0.5; opacity: 0.5;
cursor: default; cursor: default;
} }
.btn.primary { .btn.primary {
background: #007bff; background: #007bff;
color: #fff; color: #fff;
border-color: #007bff; border-color: #007bff;
} }
.btn.whatsapp {
background: #25D366;
color: #fff;
border-color: #25D366;
}
.status-btn { .status-btn {
padding: 4px 8px; padding: 4px 8px;
border-radius: 6px; border-radius: 6px;
border: 1px solid #ccc; border: 1px solid #ccc;
cursor: pointer; cursor: pointer;
} }
.status-0 { .status-0 {
background: red; background: red;
color: #fff; color: #fff;
} }
.status-1 { .status-1 {
background: #2f9e44; background: #2f9e44;
color: #fff; color: #fff;
border-color: #2f9e44; border-color: #2f9e44;
} }
.btn.active { .btn.active {
background: #007bff; background: #007bff;
color: #fff; color: #fff;
border-color: #007bff; border-color: #007bff;
} }
select, select,
input[type="number"] { input[type="number"] {
padding: 6px; padding: 6px;
border-radius: 6px; border-radius: 6px;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
.small { .small {
font-size: 13px; font-size: 13px;
color: #666; color: #666;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.controls { .controls {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
} }
.pagination { .pagination {
margin-left: 0; margin-left: 0;
} }
} }
#noteModal { #noteModal {
display: none; display: none;
position: fixed; position: fixed;
@ -112,6 +137,7 @@
justify-content: center; justify-content: center;
z-index: 9999; z-index: 9999;
} }
#noteModal .dialog { #noteModal .dialog {
background: #fff; background: #fff;
padding: 16px; padding: 16px;
@ -120,6 +146,7 @@
max-width: 520px; max-width: 520px;
box-sizing: border-box; box-sizing: border-box;
} }
#noteModal textarea { #noteModal textarea {
width: 100%; width: 100%;
min-width: 60%; min-width: 60%;
@ -131,6 +158,7 @@
border: 1px solid #ddd; border: 1px solid #ddd;
font-size: 14px; font-size: 14px;
} }
.toast { .toast {
position: fixed; position: fixed;
top: -20px; top: -20px;
@ -147,16 +175,19 @@
z-index: 10000; z-index: 10000;
pointer-events: none; pointer-events: none;
} }
.toast.show { .toast.show {
opacity: 1; opacity: 1;
top: 20px; top: 20px;
} }
table th, table th,
table td { table td {
text-align: center; text-align: center;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="card"> <div class="card">
<table aria-describedby="tableDesc"> <table aria-describedby="tableDesc">
@ -164,6 +195,7 @@
<tr> <tr>
<th style="width: 40px">#</th> <th style="width: 40px">#</th>
<th style="width: 100px">姓名</th> <th style="width: 100px">姓名</th>
<th style="width: 100px">WhatsApp</th>
<th style="width: 90px">国家/地区代码</th> <th style="width: 90px">国家/地区代码</th>
<th style="width: 120px">电话号码</th> <th style="width: 120px">电话号码</th>
<th style="width: 120px">微信ID</th> <th style="width: 120px">微信ID</th>
@ -196,19 +228,13 @@
<div id="noteModal"> <div id="noteModal">
<div class="dialog"> <div class="dialog">
<h3 style="margin: 0 0 8px">编辑备注</h3> <h3 style="margin: 0 0 8px">编辑备注</h3>
<textarea
id="noteTextarea"
rows="6"
placeholder="输入备注..."
></textarea>
<div
style="
<textarea id="noteTextarea" rows="6" placeholder="输入备注..."></textarea>
<div style="
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
gap: 8px; gap: 8px;
"
>
">
<button class="btn" id="noteCancelBtn">取消</button> <button class="btn" id="noteCancelBtn">取消</button>
<button class="btn primary" id="noteSaveBtn">保存</button> <button class="btn primary" id="noteSaveBtn">保存</button>
</div> </div>
@ -274,24 +300,31 @@
const serial = startIndex + idx + 1; const serial = startIndex + idx + 1;
const statusClass = item.isRelated ? "status-1" : "status-0"; const statusClass = item.isRelated ? "status-1" : "status-0";
const statusText = item.isRelated ? "已联系" : "未联系"; const statusText = item.isRelated ? "已联系" : "未联系";
// 构建WhatsApp链接 - 移除国家代码中的+号
const cleanCode = (item.code || '').replace(/\+/g, '');
const whatsappPhone = cleanCode + (item.telephone || '');
const whatsappUrl = `https://api.whatsapp.com/send?phone=${encodeURIComponent(whatsappPhone)}&text=${encodeURIComponent('hello欢迎来到赢在美股')}`;
return ` return `
<tr> <tr>
<td>${serial}</td> <td>${serial}</td>
<td>${escapeHtml(item.name || "")}</td> <td>${escapeHtml(item.name || "")}</td>
<td>
<button class="btn whatsapp" data-action="whatsapp" data-id="${item.id}">WhatsApp</button>
</td>
<td>${escapeHtml(item.code || "")}</td> <td>${escapeHtml(item.code || "")}</td>
<td>${escapeHtml(item.telephone || "")}</td> <td>${escapeHtml(item.telephone || "")}</td>
<td>${escapeHtml(item.wechat || "")}</td> <td>${escapeHtml(item.wechat || "")}</td>
<td>${escapeHtml(item.email || "")}</td> <td>${escapeHtml(item.email || "")}</td>
<td>${escapeHtml(item.createdAt || "")}</td> <td>${escapeHtml(item.createdAt || "")}</td>
<td> <td>
<button class="status-btn ${statusClass}" data-action="toggle" data-id="${
item.id
<button class="status-btn ${statusClass}" data-action="toggle" data-id="${item.id
}">${statusText}</button> }">${statusText}</button>
</td> </td>
<td>${escapeHtml(item.note || "")}</td> <td>${escapeHtml(item.note || "")}</td>
<td> <td>
<button class="btn" data-action="editNote" data-id="${
item.id
<button class="btn" data-action="editNote" data-id="${item.id
}">编辑备注</button> }">编辑备注</button>
</td> </td>
</tr> </tr>
@ -302,6 +335,14 @@
} }
tableBody.addEventListener("click", async (e) => { tableBody.addEventListener("click", async (e) => {
// WhatsApp跳转
const whatsappBtn = e.target.closest('[data-action="whatsapp"]');
if (whatsappBtn) {
const id = whatsappBtn.getAttribute("data-id");
handleWhatsApp(id);
return;
}
// 切换状态 // 切换状态
const toggler = e.target.closest('[data-action="toggle"]'); const toggler = e.target.closest('[data-action="toggle"]');
if (toggler) { if (toggler) {
@ -317,6 +358,20 @@
return; return;
} }
}); });
// ---------- WhatsApp跳转 ----------
function handleWhatsApp(id) {
const item = state.items.find((it) => String(it.id) === String(id));
if (!item) return;
// 移除国家代码中的+号
const cleanCode = (item.code || '').replace(/\+/g, '');
const whatsappPhone = cleanCode + (item.telephone || '');
const whatsappUrl = `https://api.whatsapp.com/send?phone=${encodeURIComponent(whatsappPhone)}&text=${encodeURIComponent('hello欢迎来到赢在美股')}`;
window.open(whatsappUrl, '_blank');
}
// ---------- 切换联系状态 ---------- // ---------- 切换联系状态 ----------
async function handleToggle(id, btnEl) { async function handleToggle(id, btnEl) {
const item = state.items.find((it) => String(it.id) === String(id)); const item = state.items.find((it) => String(it.id) === String(id));
@ -389,20 +444,17 @@
const pages = buildPageList(current, totalPages, 2); const pages = buildPageList(current, totalPages, 2);
let html = ""; let html = "";
html += `<button class="btn" data-action="prev" ${
current === 1 ? "disabled" : ""
html += `<button class="btn" data-action="prev" ${current === 1 ? "disabled" : ""
}>上一页</button>`; }>上一页</button>`;
pages.forEach((p) => { pages.forEach((p) => {
if (p === "...") { if (p === "...") {
html += `<span class="small" style="padding:6px 8px">...</span>`; html += `<span class="small" style="padding:6px 8px">...</span>`;
} else { } else {
html += `<button class="btn ${
p === current ? "active" : ""
html += `<button class="btn ${p === current ? "active" : ""
}" data-page="${p}">${p}</button>`; }" data-page="${p}">${p}</button>`;
} }
}); });
html += `<button class="btn" data-action="next" ${
current === totalPages ? "disabled" : ""
html += `<button class="btn" data-action="next" ${current === totalPages ? "disabled" : ""
}>下一页</button>`; }>下一页</button>`;
paginationEl.innerHTML = html; paginationEl.innerHTML = html;
@ -478,4 +530,5 @@
update(); update();
</script> </script>
</body> </body>
</html> </html>

126
index.html

@ -36,6 +36,24 @@
} }
} }
</script> </script>
<style>
/* 在head中添加初始滚动样式 */
html,
body {
scroll-behavior: auto;
}
/* 隐藏页面内容,直到滚动完成 */
body {
opacity: 0;
transition: opacity 0.3s ease;
}
body.content-visible {
opacity: 1;
}
</style>
</head> </head>
<body class="font-sans bg-light text-dark body-text"> <body class="font-sans bg-light text-dark body-text">
@ -49,7 +67,7 @@
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> <div class="container mx-auto px-4 py-3 flex justify-between items-center">
<a href="#" class="flex items-center space-x-2"> <a href="#" class="flex items-center space-x-2">
<div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center"> <div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center">
<img alt="赢在美股" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
<img alt="赢在美股" src="https://d31zlh4on95l9h.cloudfront.net/images/497d8b38ab9f738e9720d5d7bddf3beb.png"
style="width: 40px;height: 40px;"> style="width: 40px;height: 40px;">
</div> </div>
<span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent"> <span class="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-accent">
@ -313,13 +331,13 @@
</div> </div>
</div> </div>
</section> </section>
<!-- 注册表单区域 --> <!-- 注册表单区域 -->
<section id="register" class="py-20 px-4 bg-white"> <section id="register" class="py-20 px-4 bg-white">
<div class="container mx-auto max-w-6xl"> <div class="container mx-auto max-w-6xl">
<div class="bg-gradient-to-br from-dark to-gray-800 rounded-3xl shadow-2xl overflow-hidden">
<div class="bg-gradient-to-br rounded-3xl shadow-2xl overflow-hidden">
<div class="grid grid-cols-1 md:grid-cols-2"> <div class="grid grid-cols-1 md:grid-cols-2">
<div class="p-8 md:p-12 text-white flex flex-col justify-center">
<!-- 左侧区域 - 已替换背景 -->
<div class="p-8 md:p-12 text-white flex flex-col justify-center bg-image-overlay">
<h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary">加入赢在美股,开启赢家人生!</h2> <h2 class="text-2xl md:text-3xl font-bold mb-6 heading-secondary">加入赢在美股,开启赢家人生!</h2>
<p class="text-gray-300 mb-10 leading-relaxed paragraph-text"> <p class="text-gray-300 mb-10 leading-relaxed paragraph-text">
填写报名表,即可快速解锁专业投资AI工具,助力您把握投资机会! 填写报名表,即可快速解锁专业投资AI工具,助力您把握投资机会!
@ -357,6 +375,7 @@
</div> </div>
</div> </div>
<!-- 右侧表单区域 - 保持不变 -->
<div class="bg-white p-8 md:p-12"> <div class="bg-white p-8 md:p-12">
<form id="registrationForm" class="space-y-6"> <form id="registrationForm" class="space-y-6">
<input type="hidden" name="zbtype" id="zbType" value="6"> <input type="hidden" name="zbtype" id="zbType" value="6">
@ -448,16 +467,16 @@
</section> </section>
<!-- 页脚区域 --> <!-- 页脚区域 -->
<footer class="bg-dark text-white py-12 px-4">
<footer class="footer-bg text-white py-12 px-4">
<div class="container mx-auto max-w-6xl"> <div class="container mx-auto max-w-6xl">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<div> <div>
<div class="flex items-center space-x-2 mb-6"> <div class="flex items-center space-x-2 mb-6">
<div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center"> <div class="w-10 h-10 rounded-lg gradient-background flex items-center justify-center">
<img alt="夺宝奇兵" src="https://hc.homilychart.com/hc/250121/img/20230711171637.png"
<img alt="赢在美股" src="https://d31zlh4on95l9h.cloudfront.net/images/497d8b38ab9f738e9720d5d7bddf3beb.png"
style="width: 40px;height: 40px;"> style="width: 40px;height: 40px;">
</div> </div>
<span class="text-xl font-bold">夺宝奇兵</span>
<span class="text-xl font-bold">赢在美股</span>
</div> </div>
<p class="text-gray-400 mb-6 paragraph-text"> <p class="text-gray-400 mb-6 paragraph-text">
加入赢在美股,开启赢家人生! 加入赢在美股,开启赢家人生!
@ -485,12 +504,12 @@
<div> <div>
<h4 class="text-lg font-semibold mb-6 heading-tertiary">产品</h4> <h4 class="text-lg font-semibold mb-6 heading-tertiary">产品</h4>
<ul class="space-y-3"> <ul class="space-y-3">
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">弘历云版软件</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">HomilyChart</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">夺宝奇兵</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
class="text-gray-400 hover:text-white transition-colors">博股会员</a></li> class="text-gray-400 hover:text-white transition-colors">博股会员</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" <li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
@ -501,12 +520,12 @@
<div> <div>
<h4 class="text-lg font-semibold mb-6 heading-tertiary">公司</h4> <h4 class="text-lg font-semibold mb-6 heading-tertiary">公司</h4>
<ul class="space-y-3"> <ul class="space-y-3">
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">关于我们</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">团队介绍</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">联系我们</a></li>
</ul> </ul>
</div> </div>
@ -516,15 +535,16 @@
<li class="list-item"> <li class="list-item">
<!-- <a href="hcdbqb-guide.html" <!-- <a href="hcdbqb-guide.html"
class="text-gray-400 hover:text-white transition-colors">帮助中心</a> --> class="text-gray-400 hover:text-white transition-colors">帮助中心</a> -->
<a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
<a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
class="text-gray-400 hover:text-white transition-colors">帮助中心</a>
</li> </li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股" target="_blank"
class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
<li class="list-item"><a href="https://api.whatsapp.com/send?phone=85255110485&text=我想了解赢在美股"
target="_blank" class="text-gray-400 hover:text-white transition-colors">常见问题</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
<div class=" border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-500 text-sm mb-4 md:mb-0 paragraph-text"> <p class="text-gray-500 text-sm mb-4 md:mb-0 paragraph-text">
&copy; Copyright 2025.Capitalmaster Pte Ltd All Rights Reserved. &copy; Copyright 2025.Capitalmaster Pte Ltd All Rights Reserved.
</p> </p>
@ -580,6 +600,30 @@
let isSubmitting = false; let isSubmitting = false;
/** /**
* 立即滚动到注册表单(在页面加载前执行)
*/
function scrollToRegisterImmediately() {
// 禁用平滑滚动
document.documentElement.style.scrollBehavior = 'auto';
// 立即滚动到注册表单
const registerSection = document.getElementById('register');
if (registerSection) {
// 计算注册表单的位置(考虑固定导航栏的高度)
const headerHeight = document.querySelector('header').offsetHeight;
const registerPosition = registerSection.offsetTop - headerHeight - 20;
// 立即设置滚动位置
window.scrollTo(0, registerPosition);
}
// 恢复平滑滚动
setTimeout(() => {
document.documentElement.style.scrollBehavior = 'smooth';
}, 100);
}
/**
* 从后端获取讲座图片 * 从后端获取讲座图片
*/ */
async function loadLectureImage() { async function loadLectureImage() {
@ -772,6 +816,17 @@
}); });
} }
// DOM加载完成后立即执行
document.addEventListener('DOMContentLoaded', function () {
// 立即滚动到注册表单
scrollToRegisterImmediately();
// 显示页面内容
setTimeout(() => {
document.body.classList.add('content-visible');
}, 50);
});
// 页面加载完成后执行 // 页面加载完成后执行
window.addEventListener('load', () => { window.addEventListener('load', () => {
console.log('页面加载完成,开始调用loadLectureImage...'); console.log('页面加载完成,开始调用loadLectureImage...');
@ -810,7 +865,6 @@
/* 全局字体大小调整 - 整体调小 */ /* 全局字体大小调整 - 整体调小 */
html { html {
font-size: 16px; font-size: 16px;
scroll-behavior: smooth;
} }
/* 文本样式类 */ /* 文本样式类 */
@ -1115,6 +1169,30 @@
border-radius: 50%; border-radius: 50%;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
.gradient-background {
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}
.bg-image-overlay {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
url('https://d31zlh4on95l9h.cloudfront.net/images/3b28e7abdfc4b495324cc3e6d9210b51.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.gradient-background {
background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
}
.footer-bg {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url('https://d31zlh4on95l9h.cloudfront.net/images/22576b3fe6f29e642f322d4d315ae426.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
</style> </style>
</body> </body>
Loading…
Cancel
Save