diff --git a/mini-program/src/App.vue b/mini-program/src/App.vue index bb33747..88c0b34 100644 --- a/mini-program/src/App.vue +++ b/mini-program/src/App.vue @@ -11,10 +11,15 @@ onLaunch(async () => { console.log('App Launch') const store = useAppStore() await store.initialize() - const systemInfo = uni.getSystemInfoSync() - statusBarHeight.value = systemInfo.statusBarHeight || 20 - safeAreaTop.value = systemInfo.safeAreaInsets?.top || systemInfo.statusBarHeight || 20 - safeAreaBottom.value = systemInfo.safeAreaInsets?.bottom || 0 + + // 使用新的推荐 API 替代已弃用的 getSystemInfoSync + const deviceInfo = uni.getDeviceInfo() + const windowInfo = uni.getWindowInfo() + const appBaseInfo = uni.getAppBaseInfo() + + statusBarHeight.value = windowInfo.statusBarHeight || 20 + safeAreaTop.value = windowInfo.safeAreaInsets?.top || windowInfo.statusBarHeight || 20 + safeAreaBottom.value = windowInfo.safeAreaInsets?.bottom || 0 uni.setStorageSync('statusBarHeight', statusBarHeight.value) uni.setStorageSync('safeAreaTop', safeAreaTop.value) uni.setStorageSync('safeAreaBottom', safeAreaBottom.value) @@ -35,8 +40,9 @@ page { background-color: #0F071A; color: #F3E8FF; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; - padding-top: 0; - padding-bottom: 0; + height: 100%; + overflow: hidden; + -webkit-overflow-scrolling: touch; } /* 星空背景 */ @@ -235,16 +241,17 @@ page { } ::-webkit-scrollbar { - width: 4rpx; + width: 0; + height: 0; + display: none; } ::-webkit-scrollbar-thumb { - background: rgba(168, 85, 247, 0.3); - border-radius: 10rpx; + background: transparent; } ::-webkit-scrollbar-track { - background: rgba(168, 85, 247, 0.05); + background: transparent; } @keyframes fadeIn { diff --git a/mini-program/src/components/MusicPlayer.vue b/mini-program/src/components/MusicPlayer.vue index b2d5d42..91ca666 100644 --- a/mini-program/src/components/MusicPlayer.vue +++ b/mini-program/src/components/MusicPlayer.vue @@ -57,8 +57,9 @@ const toggleMusic = async () => { } onMounted(() => { - const systemInfo = uni.getSystemInfoSync() - const safeAreaBottom = systemInfo.safeAreaInsets?.bottom || 0 + // 使用新的推荐 API 替代已弃用的 getSystemInfoSync + const windowInfo = uni.getWindowInfo() + const safeAreaBottom = windowInfo.safeAreaInsets?.bottom || 0 bottomPosition.value = `${safeAreaBottom + 96}px` }) diff --git a/mini-program/src/pages/login/index.vue b/mini-program/src/pages/login/index.vue index 5ac9ec2..0b6fff2 100644 --- a/mini-program/src/pages/login/index.vue +++ b/mini-program/src/pages/login/index.vue @@ -77,10 +77,11 @@ const safeAreaTop = ref(uni.getStorageSync('safeAreaTop') || 20) const safeAreaBottom = ref(uni.getStorageSync('safeAreaBottom') || 0) onMounted(() => { - const systemInfo = uni.getSystemInfoSync() - statusBarHeight.value = systemInfo.statusBarHeight || 20 - safeAreaTop.value = systemInfo.safeAreaInsets?.top || systemInfo.statusBarHeight || 20 - safeAreaBottom.value = systemInfo.safeAreaInsets?.bottom || 0 + // 使用新的推荐 API 替代已弃用的 getSystemInfoSync + const windowInfo = uni.getWindowInfo() + statusBarHeight.value = windowInfo.statusBarHeight || 20 + safeAreaTop.value = windowInfo.safeAreaInsets?.top || windowInfo.statusBarHeight || 20 + safeAreaBottom.value = windowInfo.safeAreaInsets?.bottom || 0 }) const phone = ref('') diff --git a/mini-program/src/pages/main/PathView.vue b/mini-program/src/pages/main/PathView.vue index 901f4d2..504a493 100644 --- a/mini-program/src/pages/main/PathView.vue +++ b/mini-program/src/pages/main/PathView.vue @@ -96,6 +96,7 @@ onMounted(() => { display: flex; flex-direction: column; gap: 32rpx; + min-height: 100%; } .page-title { diff --git a/mini-program/src/pages/main/RecordView.vue b/mini-program/src/pages/main/RecordView.vue index 0082cd9..529cb87 100644 --- a/mini-program/src/pages/main/RecordView.vue +++ b/mini-program/src/pages/main/RecordView.vue @@ -122,10 +122,12 @@ onMounted(() => { display: flex; flex-direction: column; gap: 32rpx; + min-height: 100%; } .input-card { padding: 32rpx; + flex-shrink: 0; } .card-header { diff --git a/mini-program/src/pages/main/ScriptView.vue b/mini-program/src/pages/main/ScriptView.vue index 34d85ab..3e86a65 100644 --- a/mini-program/src/pages/main/ScriptView.vue +++ b/mini-program/src/pages/main/ScriptView.vue @@ -272,6 +272,7 @@ onMounted(async () => { display: flex; flex-direction: column; gap: 32rpx; + min-height: 100%; } .page-title { diff --git a/mini-program/src/pages/main/index.vue b/mini-program/src/pages/main/index.vue index ffca606..dfb67d7 100644 --- a/mini-program/src/pages/main/index.vue +++ b/mini-program/src/pages/main/index.vue @@ -124,9 +124,10 @@ const initStars = () => { } onMounted(() => { - const systemInfo = uni.getSystemInfoSync() - safeAreaTop.value = systemInfo.safeAreaInsets?.top || systemInfo.statusBarHeight || 20 - safeAreaBottom.value = systemInfo.safeAreaInsets?.bottom || 0 + // 使用新的推荐 API 替代已弃用的 getSystemInfoSync + const windowInfo = uni.getWindowInfo() + safeAreaTop.value = windowInfo.safeAreaInsets?.top || windowInfo.statusBarHeight || 20 + safeAreaBottom.value = windowInfo.safeAreaInsets?.bottom || 0 store.initialize() uni.$on('switchTab', switchTab) @@ -154,11 +155,12 @@ const goToProfile = () => {