-
1. 活动时间为2025年7月26日-2025年8月5日。
+
1. 活动时间为{{ activityPeriod }}。
2. 每人每天每个活动可以参与一次。
3. 初始时间为15分钟,每一百人参与助力,即可扣减一分钟!
4. 助力成功后,对应股票市场将开放实时数据!
@@ -308,8 +310,8 @@ const handleBoostClick = async (area) => {
try {
// 调用助力API
const response = await addRecordAPI({
- "activityId": 40,
- "marketSign": 8
+ "activityId": 41,//需要动态获取,没有上线前问后端要id
+ "marketSign": 5
});
if (response.code === 200) {
@@ -570,7 +572,7 @@ const hideRules = () => {
position: absolute;
z-index: 10;
/* 位置调整到美股卡片右边,确保不覆盖 */
- top: 50%;
+ top: 35%;
/* 垂直居中 */
left: calc(50% + 25vw);
/* 美股卡片右边位置,增加间距 */
@@ -594,6 +596,30 @@ const hideRules = () => {
/* 美股卡片背景 */
.us-card {
background-image: url('@/assets/img/zhongchou/美股.png');
+ position: relative;
+ /* 确保子元素可以相对于它进行绝对定位 */
+}
+
+/* 周年庆装饰元素 */
+.anniversary-decoration {
+ position: absolute;
+ right: -150px;
+ bottom: -90px;
+ width: 30vw;
+ /* 调整宽度 */
+ height: 30vh;
+ /* 调整高度 */
+ background-image: url('@/assets/img/zhongchou/周年庆装饰.png');
+ /* 图片名称中有空格 */
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ z-index: 100;
+ /* 确保浮现于最上层 */
+ animation: float 3s ease-in-out infinite;
+ /* 添加浮动动画 */
+ pointer-events: none;
+ /* 确保不会影响鼠标事件 */
}
/* 港股卡片背景 */
@@ -968,6 +994,18 @@ const hideRules = () => {
} */
@media (max-width: 768px) {
+
+ /* 平板端周年庆装饰元素 */
+ .anniversary-decoration {
+ width: 40vw;
+ /* 调整手机版宽度 */
+ height: 40vh;
+ /* 调整手机版高度 */
+ right: -20px;
+ bottom: -100px;
+ background-image: url('@/assets/img/zhongchou/手机周年庆装饰.png');
+ /* 需要准备此图片资源 */
+ }
.main-title img {
max-height: 60px;
}
@@ -1103,6 +1141,18 @@ const hideRules = () => {
background-image: url('@/assets/img/zhongchou/手机组2.png');
}
+ /* 手机端周年庆装饰元素 */
+ .anniversary-decoration {
+ width: 60vw;
+ /* 调整手机版宽度 */
+ height: 60vh;
+ /* 调整手机版高度 */
+ right: 5px;
+ bottom: -210px;
+ background-image: url('@/assets/img/zhongchou/手机周年庆装饰.png');
+ /* 需要准备此图片资源 */
+ }
+
.activity-period {
display: none;