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

修改图片

master
zhaoruhui 3 months ago
parent
7e1f76ff37
commit
3050a6fec9
1 changed files with 61 additions and 60 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. 109
      index.html

109
index.html
View File

@ -80,7 +80,7 @@
<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="#" 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">
联系我们
@ -175,9 +175,8 @@
<!-- 宣传项 1 - 超级云脑 -->
<div class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in">
<div class="md:w-1/2">
<img src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" alt="智能数据分析平台"
class="w-full h-full object-cover">
<div class="md:w-1/2 promotion-image">
<img src="https://hc.homilychart.com/hc/250121/img/chaojiyunnaoimg.jpg" alt="智能数据分析平台" class="w-full h-full">
</div>
<div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
<span
@ -211,9 +210,8 @@
<!-- 宣传项 2 - AI预测大模型 -->
<div
class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
<div class="md:w-1/2">
<img src="https://hc.homilychart.com/hc/250121/img/aiyucedamoxing.jpg" alt="AI预测大模型"
class="w-full h-full object-cover">
<div class="md:w-1/2 promotion-image">
<img src="https://hc.homilychart.com/hc/250121/img/aiyucedamoxing.jpg" alt="AI预测大模型" class="w-full h-full">
</div>
<div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
<span
@ -246,10 +244,9 @@
<!-- 宣传项 3 - 夺宝利剑 -->
<div
class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row-reverse animate-fade-in delay-100">
<div class="md:w-1/2">
<img src="https://hc.homilychart.com/hc/250121/img/duobaolijianindex.jpg" alt="夺宝利剑"
class="w-full h-full object-cover">
class="bg-white rounded-3xl shadow-xl overflow-hidden mb-16 flex flex-col md:flex-row animate-fade-in delay-100">
<div class="md:w-1/2 promotion-image">
<img src="https://hc.homilychart.com/hc/250121/img/duobaolijianindex.jpg" alt="夺宝利剑" class="w-full h-full">
</div>
<div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
<span
@ -283,9 +280,8 @@
<!-- 宣传项 4 - 专题讲座 -->
<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 id="lectureImage" src="" alt="John Lu谈股专题讲座"
class="w-full h-full object-cover">
<div class="md:w-1/2 promotion-image">
<img id="lectureImage" src="" alt="John Lu谈股专题讲座" class="w-full h-full">
</div>
<div class="md:w-1/2 p-8 md:p-12 flex flex-col justify-center">
<span
@ -927,56 +923,43 @@
font-size: 1rem;
}
/* 宣传模块高度自适应 - 消除空白 */
.promotion-module {
display: flex;
flex-direction: column;
height: auto;
}
/* 确保图片容器有合适的高度 */
.promotion-module-image {
display: flex;
flex-direction: column;
min-height: 300px;
}
.promotion-module-content {
flex: 1;
/* 宣传模块图片样式优化 - 确保图片完整显示 */
.promotion-image {
display: flex;
flex-direction: column;
min-height: 400px;
overflow: hidden;
align-items: center;
justify-content: center;
padding-bottom: 2rem;
background-color: #f8fafc;
}
.promotion-module-wrapper {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 1.5rem;
}
.promotion-module-breadcrumb {
margin-bottom: 0.75rem;
.promotion-image img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
}
.promotion-module-title {
margin-bottom: 1rem;
/* 针对不同模块的图片进行特定调整 */
/* 超级云脑图片 - 图表类图片，确保完整显示 */
.bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row.animate-fade-in .promotion-image {
background-color: #f0f9ff;
}
.promotion-module-description {
margin-bottom: 1rem;
/* AI预测大模型图片 - 确保完整显示 */
.bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row-reverse.animate-fade-in.delay-100 .promotion-image {
background-color: #faf5ff;
}
.promotion-module-list {
gap: 0.75rem;
margin-bottom: 1.5rem;
/* 夺宝利剑图片 - 图表类图片，确保完整显示 */
.bg-white.rounded-3xl.shadow-xl.overflow-hidden.mb-16.flex.flex-col.md\\:flex-row.animate-fade-in.delay-100 .promotion-image {
background-color: #f0fdf4;
}
.promotion-module-action {
margin-top: auto;
align-self: flex-start;
/* John Lu谈股专题讲座图片 - 确保完整显示 */
.bg-white.rounded-3xl.shadow-xl.overflow-hidden.flex.flex-col.md\\:flex-row.animate-fade-in.delay-200 .promotion-image {
background-color: #ecfdf5;
}
/* 特色功能卡片高度调整 */
@ -994,6 +977,14 @@
margin-bottom: 0.75rem;
}
/* 特色功能区域图标调整 */
.feature-card img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
/* 注册表单区域调整 */
.register-section-title {
margin-bottom: 1rem;
@ -1041,8 +1032,16 @@
padding-bottom: 0.6rem;
}
.promotion-module-content {
padding-bottom: 1.5rem;
.promotion-image {
min-height: 300px;
}
/* 移动端确保图片完整显示 */
.promotion-image img {
width: auto;
max-width: 90%;
height: auto;
max-height: 90%;
}
}
@ -1052,6 +1051,7 @@
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
@ -1062,6 +1062,7 @@
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}

Write Preview
Loading…
Cancel
Save