106 lines
3.0 KiB
Vue
106 lines
3.0 KiB
Vue
<script>
|
||
import config from '@/utils/config.js'
|
||
|
||
const APP_DEV_HOST = '192.168.0.106'
|
||
const APP_DEV_PORT = 30091
|
||
|
||
export default {
|
||
onLaunch: function() {
|
||
console.log('App Launch')
|
||
// 设置状态栏高度 CSS 变量
|
||
this.setStatusBarHeight()
|
||
|
||
// App环境：配置服务器地址（生产环境使用生产服务器）
|
||
// #ifdef APP-PLUS
|
||
const { serverHost, serverPort } = config.getServerConfig()
|
||
// 生产环境：强制使用生产服务器地址
|
||
const PROD_HOST = '192.168.0.106'
|
||
const PROD_PORT = 30091
|
||
|
||
if (serverHost !== PROD_HOST || serverPort !== PROD_PORT) {
|
||
// 强制设置为生产服务器地址
|
||
console.log(`✅ 配置生产服务器地址：${PROD_HOST}:${PROD_PORT}`)
|
||
config.setServerConfig(PROD_HOST, PROD_PORT)
|
||
} else {
|
||
console.log(`当前服务器地址：${serverHost}:${serverPort}`)
|
||
}
|
||
|
||
// 等待 plus 对象初始化
|
||
this.waitForPlusReady()
|
||
// #endif
|
||
},
|
||
onShow: function() {
|
||
console.log('App Show')
|
||
},
|
||
onHide: function() {
|
||
console.log('App Hide')
|
||
},
|
||
methods: {
|
||
setStatusBarHeight() {
|
||
try {
|
||
const systemInfo = uni.getSystemInfoSync()
|
||
const statusBarHeight = systemInfo.statusBarHeight || 0
|
||
// 将状态栏高度转换为 rpx（假设设计稿宽度为 750rpx）
|
||
const statusBarHeightRpx = (statusBarHeight * 750) / systemInfo.windowWidth
|
||
|
||
// #ifdef H5
|
||
// H5 环境：设置 CSS 变量
|
||
if (typeof document !== 'undefined') {
|
||
document.documentElement.style.setProperty('--status-bar-height', statusBarHeightRpx + 'rpx')
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef APP-PLUS
|
||
// APP 环境：uni-app 会自动处理，但也可以手动设置
|
||
// 这里主要确保变量有默认值
|
||
// #endif
|
||
|
||
console.log('状态栏高度:', statusBarHeight, 'rpx:', statusBarHeightRpx)
|
||
} catch (e) {
|
||
console.error('获取状态栏高度失败:', e)
|
||
}
|
||
},
|
||
// #ifdef APP-PLUS
|
||
waitForPlusReady() {
|
||
// 检查 plus 对象是否已可用
|
||
if (typeof plus !== 'undefined') {
|
||
console.log('✅ App启动时 plus 对象已可用')
|
||
return
|
||
}
|
||
|
||
// 监听 plusready 事件
|
||
// 注意：在 App 环境中，可能需要使用 window.addEventListener
|
||
const checkPlus = () => {
|
||
if (typeof plus !== 'undefined') {
|
||
console.log('✅ plus 对象已初始化')
|
||
return
|
||
}
|
||
// 继续等待
|
||
setTimeout(checkPlus, 100)
|
||
}
|
||
|
||
// 开始检查
|
||
setTimeout(checkPlus, 100)
|
||
|
||
// 如果 5 秒后仍未初始化，输出警告
|
||
setTimeout(() => {
|
||
if (typeof plus === 'undefined') {
|
||
console.warn('⚠️ App启动5秒后 plus 对象仍未初始化')
|
||
console.warn('⚠️ 这可能会影响截图功能')
|
||
}
|
||
}, 5000)
|
||
}
|
||
// #endif
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
/*每个页面公共css */
|
||
page {
|
||
/* 默认状态栏高度，如果 JavaScript 设置失败则使用此值 */
|
||
/* iOS 默认 44px，Android 默认 24px，转换为 rpx 约为 44rpx */
|
||
--status-bar-height: 44rpx;
|
||
}
|
||
</style>
|