7 Commits

  1. 1
      .vercel/project.json
  2. 2
      src/api/zhongchouApi.js
  3. 104
      src/views/zhongchou/index.vue

1
.vercel/project.json

@ -0,0 +1 @@
{"projectName":"trae_zf0uu3bt"}

2
src/api/zhongchouApi.js

@ -13,7 +13,7 @@ export function addRecordAPI(data) {
// 新增:获取活动信息接口
export function getActivity1API() {
return request({
url: `Api/api/funding/getActivity1`,
url: `Api/api/funding/getActivity`,
method: 'post'
})
}

104
src/views/zhongchou/index.vue

@ -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;
}
/* 极小屏幕活动时间容器适配 */

Loading…
Cancel
Save