diff --git a/.env.development b/.env.development index 555fc75..c87e9fd 100644 --- a/.env.development +++ b/.env.development @@ -5,7 +5,7 @@ VITE_OUTPUT_DIR = 'dev' VITE_PUBLIC_PATH = / #新数据接口 -# VITE_APP_API_BASE_URL = "http://39.101.133.168:8828/link" +VITE_APP_API_BASE_URL = "http://39.101.133.168:8828/link" # Whether to open mock diff --git a/src/assets/bg.png b/src/assets/bg.png new file mode 100644 index 0000000..474d589 Binary files /dev/null and b/src/assets/bg.png differ diff --git a/src/views/zhongchou/index.vue b/src/views/zhongchou/index.vue index 9e749d4..e3db1fa 100644 --- a/src/views/zhongchou/index.vue +++ b/src/views/zhongchou/index.vue @@ -139,28 +139,37 @@ const stockNames = ref({ 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(() => { @@ -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 @@ -233,10 +242,8 @@ const handleSectionClick = (section) => { .zhongchou-container { width: 100vw; height: 100vh; - /* 添加earth.jpg作为背景图片 */ 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-position: center; background-repeat: no-repeat;