You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.7 KiB
Vue
73 lines
1.7 KiB
Vue
5 months ago
|
<template>
|
||
|
|
<div v-if="!isConnected && text && false" class="network-alert">
|
||
|
|
{{ text }}
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { autorun } from 'mobx'
|
||
|
|
import { ref, onMounted, onUnmounted } from '../utils/transformVue'
|
||
|
|
import { t } from '../utils/i18n'
|
||
|
|
import { V2NIMConst } from 'nim-web-sdk-ng/dist/v2/NIM_UNIAPP_SDK'
|
||
|
|
const isConnected = ref(true)
|
||
|
|
const text = ref(t('connectingText'))
|
||
|
|
// uni.onNetworkStatusChange((res) => {
|
||
|
|
// if (!res.isConnected) {
|
||
|
|
// isConnected.value = false;
|
||
|
|
// text.value = t('offlineText');
|
||
|
|
// } else {
|
||
|
|
// text.value = t('connectingText');
|
||
|
|
// }
|
||
|
|
// });
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
if (
|
||
|
|
uni.$UIKitStore?.connectStore?.connectStatus ===
|
||
|
|
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_CONNECTED
|
||
|
|
) {
|
||
|
|
isConnected.value = true
|
||
|
|
} else if (
|
||
|
|
uni.$UIKitStore?.connectStore?.connectStatus ===
|
||
|
|
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_DISCONNECTED
|
||
|
|
) {
|
||
|
|
isConnected.value = false
|
||
|
|
text.value = t('offlineText')
|
||
|
|
} else {
|
||
|
|
isConnected.value = false
|
||
|
|
text.value = t('connectingText')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
const uninstallConnectWatch = autorun(() => {
|
||
|
|
if (
|
||
|
|
uni.$UIKitStore?.connectStore?.connectStatus ===
|
||
|
|
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_CONNECTED
|
||
|
|
) {
|
||
|
|
isConnected.value = true
|
||
|
|
} else if (
|
||
|
|
uni.$UIKitStore?.connectStore?.connectStatus ===
|
||
|
|
V2NIMConst.V2NIMConnectStatus.V2NIM_CONNECT_STATUS_DISCONNECTED
|
||
|
|
) {
|
||
|
|
isConnected.value = false
|
||
|
|
text.value = t('offlineText')
|
||
|
|
} else {
|
||
|
|
isConnected.value = false
|
||
|
|
text.value = t('connectingText')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
onUnmounted(() => {
|
||
|
|
uninstallConnectWatch()
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.network-alert {
|
||
|
|
font-size: 14px;
|
||
|
|
background: #fee3e6;
|
||
|
|
color: #fc596a;
|
||
|
|
text-align: center;
|
||
|
|
padding: 8px 0;
|
||
|
|
}
|
||
|
|
</style>
|