|
@ -139,28 +139,37 @@ const stockNames = ref({ |
|
|
hk: '港股' // 港股名称,默认"港股" |
|
|
hk: '港股' // 港股名称,默认"港股" |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
// 从后端获取数据的函数 |
|
|
|
|
|
const fetchRemainingMinutes = async () => { |
|
|
|
|
|
const response = await fetch('/api/remaining-minutes') |
|
|
|
|
|
const data = await response.json() |
|
|
|
|
|
|
|
|
|
|
|
// 更新剩余时间数据 |
|
|
|
|
|
remainingMinutes.value = { |
|
|
|
|
|
us: data.us !== undefined ? data.us : remainingMinutes.value.us, |
|
|
|
|
|
hk: data.hk !== undefined ? data.hk : remainingMinutes.value.hk |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 更新股票名称数据 |
|
|
|
|
|
stockNames.value = { |
|
|
|
|
|
us: data.usName !== undefined ? data.usName : stockNames.value.us, |
|
|
|
|
|
hk: data.hkName !== undefined ? data.hkName : stockNames.value.hk |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// 从后端获取数据的函数 - 修改为使用默认数据 |
|
|
|
|
|
// const fetchRemainingMinutes = async () => { |
|
|
|
|
|
// // 注释掉原来的API调用 |
|
|
|
|
|
// // const response = await fetch('/api/remaining-minutes') |
|
|
|
|
|
// // const data = await response.json() |
|
|
|
|
|
|
|
|
|
|
|
// // 使用默认测试数据 |
|
|
|
|
|
// const data = { |
|
|
|
|
|
// us: 10, // 美股剩余分钟 |
|
|
|
|
|
// hk: 8, // 港股剩余分钟 |
|
|
|
|
|
// usName: '美股', // 美股名称 |
|
|
|
|
|
// hkName: '港股' // 港股名称 |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
// // 更新剩余时间数据 |
|
|
|
|
|
// remainingMinutes.value = { |
|
|
|
|
|
// us: data.us !== undefined ? data.us : remainingMinutes.value.us, |
|
|
|
|
|
// hk: data.hk !== undefined ? data.hk : remainingMinutes.value.hk |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
|
|
|
// // 更新股票名称数据 |
|
|
|
|
|
// stockNames.value = { |
|
|
|
|
|
// us: data.usName !== undefined ? data.usName : stockNames.value.us, |
|
|
|
|
|
// hk: data.hkName !== undefined ? data.hkName : stockNames.value.hk |
|
|
|
|
|
// } |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
// 组件挂载时获取数据 |
|
|
// 组件挂载时获取数据 |
|
|
onMounted(() => { |
|
|
|
|
|
fetchRemainingMinutes() |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
// onMounted(() => { |
|
|
|
|
|
// fetchRemainingMinutes() |
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
|
// 时间刻度标记 - 从小到大排列 |
|
|
// 时间刻度标记 - 从小到大排列 |
|
|
const timeMarkers = computed(() => { |
|
|
const timeMarkers = computed(() => { |
|
@ -201,15 +210,15 @@ const numberToChinese = (num) => { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 暴露更新函数,供外部调用 |
|
|
// 暴露更新函数,供外部调用 |
|
|
defineExpose({ |
|
|
|
|
|
updateRemainingMinutes: (data) => { |
|
|
|
|
|
remainingMinutes.value = { |
|
|
|
|
|
us: data.us || 5, |
|
|
|
|
|
hk: data.hk || 5 |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
fetchRemainingMinutes |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
// defineExpose({ |
|
|
|
|
|
// updateRemainingMinutes: (data) => { |
|
|
|
|
|
// remainingMinutes.value = { |
|
|
|
|
|
// us: data.us || 5, |
|
|
|
|
|
// hk: data.hk || 5 |
|
|
|
|
|
// } |
|
|
|
|
|
// }, |
|
|
|
|
|
// fetchRemainingMinutes |
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
|
// 添加选中状态管理 |
|
|
// 添加选中状态管理 |
|
|
const selectedSection = ref(null) // 'us' | 'hk' | null |
|
|
const selectedSection = ref(null) // 'us' | 'hk' | null |
|
@ -233,10 +242,8 @@ const handleSectionClick = (section) => { |
|
|
.zhongchou-container { |
|
|
.zhongchou-container { |
|
|
width: 100vw; |
|
|
width: 100vw; |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
/* 添加earth.jpg作为背景图片 */ |
|
|
|
|
|
background-image: |
|
|
background-image: |
|
|
linear-gradient(135deg, rgba(10, 26, 58, 0.8) 0%, rgba(26, 43, 90, 0.8) 50%, rgba(10, 26, 58, 0.8) 100%), |
|
|
|
|
|
url('/src/assets/earth.jg'); |
|
|
|
|
|
|
|
|
url('../../assets/bg.png'); |
|
|
background-size: cover; |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
background-position: center; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|