|
|
@ -585,7 +585,7 @@ const hideRules = () => { |
|
|
|
/* 股票卡片样式 */ |
|
|
|
.stock-card { |
|
|
|
width: 100%; |
|
|
|
height: 475px; |
|
|
|
height: 55vh; |
|
|
|
background-size: 100% 100%; |
|
|
|
background-position: center; |
|
|
|
background-repeat: no-repeat; |
|
|
@ -678,7 +678,8 @@ const hideRules = () => { |
|
|
|
position: relative; |
|
|
|
overflow: visible; |
|
|
|
min-width: 20px; |
|
|
|
min-height: 30rem; |
|
|
|
/* 更改为响应式高度 */ |
|
|
|
min-height: 50vh; |
|
|
|
} |
|
|
|
|
|
|
|
/* 美股进度条容器 - 蓝色主题背景 */ |
|
|
@ -707,7 +708,8 @@ const hideRules = () => { |
|
|
|
height: auto; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
min-height: 30rem; |
|
|
|
/* 更改为响应式高度 */ |
|
|
|
min-height: 50vh; |
|
|
|
} |
|
|
|
|
|
|
|
/* 股票内容容器 */ |
|
|
@ -975,11 +977,28 @@ const hideRules = () => { |
|
|
|
gap: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 股票信息标题样式 */ |
|
|
|
.stock-info h3 { |
|
|
|
margin: 5px 0; |
|
|
|
font-size: 1.7rem; |
|
|
|
line-height: 1.2; |
|
|
|
word-wrap: break-word; |
|
|
|
/* 允许长单词换行 */ |
|
|
|
overflow-wrap: break-word; |
|
|
|
/* 现代浏览器支持 */ |
|
|
|
hyphens: auto; |
|
|
|
/* 自动断字 */ |
|
|
|
} |
|
|
|
|
|
|
|
.stock-area { |
|
|
|
width: 50vw; /* 从58vw调整为50vw */ |
|
|
|
height: 40vw; /* 从50vw调整为40vw */ |
|
|
|
min-width: 350px; /* 从480px降低到350px */ |
|
|
|
min-height: 300px; /* 从440px降低到300px */ |
|
|
|
width: 50vw; |
|
|
|
/* 从58vw调整为50vw */ |
|
|
|
height: 40vw; |
|
|
|
/* 从50vw调整为40vw */ |
|
|
|
min-width: 350px; |
|
|
|
/* 从480px降低到350px */ |
|
|
|
min-height: 300px; |
|
|
|
/* 从440px降低到300px */ |
|
|
|
} |
|
|
|
|
|
|
|
.left-area { |
|
|
@ -1018,15 +1037,80 @@ const hideRules = () => { |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 480px) { |
|
|
|
.rules-btn { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
margin-right: 3%; |
|
|
|
cursor: pointer; |
|
|
|
/* 确保按钮在屏幕缩放时保持比例 */ |
|
|
|
transform-origin: center; |
|
|
|
transition: transform 0.2s ease; |
|
|
|
margin-top: 35px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 助力按钮区域样式 */ |
|
|
|
.boost-section { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
position: relative; |
|
|
|
width: 100%; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.interactive-container { |
|
|
|
width: 100vw; |
|
|
|
height: 100vh; |
|
|
|
background: url('@/assets/img/zhongchou/手机bg.png') no-repeat center center; |
|
|
|
background-size: 100% 100%; |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
overflow: hidden; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.main-title { |
|
|
|
margin-left: 0; |
|
|
|
margin-left: 18%; |
|
|
|
text-align: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.main-title img { |
|
|
|
max-height: 50px; |
|
|
|
max-width: 100%; |
|
|
|
height: auto; |
|
|
|
width: auto; |
|
|
|
max-height: 15vh; |
|
|
|
object-fit: contain; |
|
|
|
content: url('@/assets/img/zhongchou/手机助力美股享实时数据.png'); |
|
|
|
margin-top: 60px; |
|
|
|
} |
|
|
|
|
|
|
|
.rules-btn img { |
|
|
|
height: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
.rules-text { |
|
|
|
font-size: 0.8rem; |
|
|
|
} |
|
|
|
|
|
|
|
/* 手机端股票卡片背景替换 */ |
|
|
|
.us-card { |
|
|
|
background-image: url('@/assets/img/zhongchou/手机组2.png'); |
|
|
|
} |
|
|
|
|
|
|
|
.activity-period { |
|
|
|
display: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* 手机端隐藏火箭图片 */ |
|
|
|
.rocket-body img { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
/* 极小屏幕活动时间容器适配 */ |
|
|
|