diff --git a/src/views/zhongchou/index.vue b/src/views/zhongchou/index.vue index 498880d..7f87171 100644 --- a/src/views/zhongchou/index.vue +++ b/src/views/zhongchou/index.vue @@ -41,7 +41,7 @@
-

距美股实时数据

+

距{{ marketName }}实时数据

还剩{{ numberToChinese(usDisplayTime) }}分钟

@@ -170,45 +170,43 @@ async function fetchActivity() { } // 处理市场数据 - if (data && data.length > 0) { - // 遍历数据数组 - data.forEach(item => { - if (item.market === "美股" && item.marketId === 8) { - // 存储美股市场ID - usMarketId.value = item.marketId - - // 根据marketStatus设置助力状态 - if (item.marketStatus === '已助力') { - usBoostStatus.value = true - } else { - usBoostStatus.value = false - } - - // 根据marketCount计算进度和剩余时间 - if (item.marketCount !== undefined) { - const totalPeople = 1500 // 总人数1500人 - const currentCount = item.marketCount || 0 // 当前助力人数 - - // 计算进度百分比 (0-100) - const progressPercent = Math.min((currentCount / totalPeople) * 100, 100) - - // 根据进度计算剩余时间 (15分钟对应100%进度) - const usedTime = (progressPercent / 100) * 15 - const remainingTime = Math.max(0, 15 - usedTime) - - usRemainingTime.value = Math.round(remainingTime) - console.log(`美股助力人数: ${currentCount}/${totalPeople}, 进度: ${progressPercent.toFixed(1)}%, 剩余时间: ${remainingTime.toFixed(1)}分钟`) - - // 更新进度条高度 - nextTick(() => { - updateProgressDisplay() - }) - } - } - - // 如果需要处理港股数据,可以添加类似的逻辑 - // if (item.market === "港股" && item.marketId === 5) { ... } - }) + if (data && data.length > 1) { // 确保至少有两个元素 + // 使用数组中的第二个元素(索引为1) + const item = data[0] // 使用第二个数据 + + // 存储市场ID + usMarketId.value = item.marketId + + // 存储市场名称 + marketName.value = item.market + + // 根据marketStatus设置助力状态 + if (item.marketStatus === '已助力') { + usBoostStatus.value = true + } else { + usBoostStatus.value = false + } + + // 根据marketCount计算进度和剩余时间 + if (item.marketCount !== undefined) { + const totalPeople = 1500 // 总人数1500人 + const currentCount = item.marketCount || 0 // 当前助力人数 + + // 计算进度百分比 (0-100) + const progressPercent = Math.min((currentCount / totalPeople) * 100, 100) + + // 根据进度计算剩余时间 (15分钟对应100%进度) + const usedTime = (progressPercent / 100) * 15 + const remainingTime = Math.max(0, 15 - usedTime) + + usRemainingTime.value = Math.round(remainingTime) + console.log(`${marketName.value}助力人数: ${currentCount}/${totalPeople}, 进度: ${progressPercent.toFixed(1)}%, 剩余时间: ${remainingTime.toFixed(1)}分钟`) + + // 更新进度条高度 + nextTick(() => { + updateProgressDisplay() + }) + } } } else { console.error('获取活动失败:', response.message) @@ -261,6 +259,7 @@ const showRulesModal = ref(false) // 添加助力成功提示状态 const showBoostSuccess = ref(false) // 剩余时间数据 - 从接口获取marketTwoCount计算 +const marketName = ref('美股') // 默认值为美股,将由API返回的数据更新 const usRemainingTime = ref(15) // 美股剩余分钟,初始值15分钟 // const hkRemainingTime = ref(6) // 港股剩余分钟 const usTotalTime = ref(15) // 美股总时间15分钟 @@ -375,7 +374,7 @@ const handleBoostClick = async (area) => { }); if (response.code === 200) { - console.log('美股助力成功:', response.message) + console.log(`${marketName.value}助力成功:`, response.message) // 显示助力成功提示 showBoostSuccess.value = true @@ -386,15 +385,14 @@ const handleBoostClick = async (area) => { // 重新获取活动数据以更新按钮状态和进度 await fetchActivity() - console.log('美股已助力状态:', usBoostStatus.value, '剩余时间:', usRemainingTime.value) + console.log(`${marketName.value}已助力状态:`, usBoostStatus.value, '剩余时间:', usRemainingTime.value) } else { - console.error('美股助力失败:', response.message) + console.error(`${marketName.value}助力失败:`, response.message) } } catch (error) { - console.error('美股助力请求失败:', error) + console.error(`${marketName.value}助力请求失败:`, error) } } - } const showRulesFunc = () => { @@ -1276,15 +1274,18 @@ const hideRules = () => { .rules-list { width: 100%; - line-height: 1.6; + line-height: 1.6; /* 增加行高 */ margin-top: 10%; - margin-left: 10%; + margin-left: 10%; /* 减少左边距 */ + padding-right: 5%; /* 添加右边距 */ } .rules-list p { margin: 10px 0; font-size: 16px; color: #fff; + font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif; /* 使用更清晰的中文字体 */ + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); line-height: 1.7; }