diff --git a/.vercel/project.json b/.vercel/project.json new file mode 100644 index 0000000..e318d68 --- /dev/null +++ b/.vercel/project.json @@ -0,0 +1 @@ +{"projectName":"trae_zf0uu3bt"} \ No newline at end of file diff --git a/src/api/zhongchouApi.js b/src/api/zhongchouApi.js index 42e6bc5..b618c8f 100644 --- a/src/api/zhongchouApi.js +++ b/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' }) } \ No newline at end of file diff --git a/src/views/zhongchou/index.vue b/src/views/zhongchou/index.vue index 83df5dd..8992c18 100644 --- a/src/views/zhongchou/index.vue +++ b/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; } /* 极小屏幕活动时间容器适配 */