Browse Source

Merge branch 'milestone-20250723-众筹' into songtongtong/feature-20250717104937-众筹

songtongtong/feature-20250717104937-众筹
songtongtong 4 weeks ago
parent
commit
150508b73a
  1. 1
      .vercel/project.json
  2. 2
      src/api/zhongchouApi.js
  3. 102
      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() { export function getActivity1API() {
return request({ return request({
url: `Api/api/funding/getActivity1`,
url: `Api/api/funding/getActivity`,
method: 'post' method: 'post'
}) })
} }

102
src/views/zhongchou/index.vue

@ -585,7 +585,7 @@ const hideRules = () => {
/* 股票卡片样式 */ /* 股票卡片样式 */
.stock-card { .stock-card {
width: 100%; width: 100%;
height: 475px;
height: 55vh;
background-size: 100% 100%; background-size: 100% 100%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -678,7 +678,8 @@ const hideRules = () => {
position: relative; position: relative;
overflow: visible; overflow: visible;
min-width: 20px; min-width: 20px;
min-height: 30rem;
/* 更改为响应式高度 */
min-height: 50vh;
} }
/* 美股进度条容器 - 蓝色主题背景 */ /* 美股进度条容器 - 蓝色主题背景 */
@ -707,7 +708,8 @@ const hideRules = () => {
height: auto; height: auto;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
min-height: 30rem;
/* 更改为响应式高度 */
min-height: 50vh;
} }
/* 股票内容容器 */ /* 股票内容容器 */
@ -975,11 +977,28 @@ const hideRules = () => {
gap: 30px; 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 { .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 { .left-area {
@ -1018,15 +1037,80 @@ const hideRules = () => {
} }
@media (max-width: 480px) { @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 { .main-title {
margin-left: 0;
margin-left: 18%;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.main-title img { .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