173 lines
3.2 KiB
Vue
173 lines
3.2 KiB
Vue
<template>
|
|
<view class="index-page">
|
|
<view class="about-container">
|
|
<image class="app-icon" :src="icon" mode="aspectFit">
|
|
</image>
|
|
<image :src="login_icon" style="width: 200rpx;height: 200rpx"></image>
|
|
<view>{{ tips }}</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import PageContainer from '@/components/page-container/page-container.vue'
|
|
|
|
|
|
export default {
|
|
components: {
|
|
PageContainer
|
|
},
|
|
data() {
|
|
let icon = "https://image.zfunbox.cn/icon_108.png";
|
|
let login_icon = "https://image.zfunbox.cn/app/index_login.gif";
|
|
// #ifdef APP
|
|
icon = "/static/app-plus/icon_108.png";
|
|
login_icon = "/static/app-plus/index_login.gif";
|
|
// #endif
|
|
return {
|
|
icon: icon,
|
|
login_icon: login_icon,
|
|
tips: "正在加载中。。。"
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.load();
|
|
// const currentPage = getCurrentPages();
|
|
// console.log('currentPagecurrentPagecurrentPage', currentPage);
|
|
},
|
|
methods: {
|
|
toHome() {
|
|
// #ifdef H5 || MP
|
|
uni.switchTab({
|
|
url: '/pages/shouye/index'
|
|
});
|
|
// #endif
|
|
},
|
|
async load() {
|
|
var that = this;
|
|
uni.getNetworkType({
|
|
success(res) {
|
|
if (res.networkType === 'none') {
|
|
// uni.hi
|
|
uni.hideToast();
|
|
// 可能是无网络或权限被拒绝
|
|
console.log('无网络连接或权限被拒绝');
|
|
that.tips = "无网络连接或权限被拒绝";
|
|
uni.onNetworkStatusChange(function (res) {
|
|
console.log('网络状态变化:', res.isConnected, res.networkType);
|
|
if (res.isConnected) {
|
|
// 网络已连接
|
|
that.tips = "正在加载中。。。";
|
|
// #ifdef APP
|
|
if (plus.runtime.restart) {
|
|
plus.runtime.restart();
|
|
} else {
|
|
uni.showToast({
|
|
title: "重启失败",
|
|
icon: "none"
|
|
});
|
|
}
|
|
// #endif
|
|
} else {
|
|
// 网络断开
|
|
that.tips = "网络断开";
|
|
}
|
|
});
|
|
} else {
|
|
// 有网络权限
|
|
console.log('网络权限已授予');
|
|
that.toHome();
|
|
}
|
|
},
|
|
fail() {
|
|
// 获取网络状态失败，可能是权限问题
|
|
console.log('获取网络状态失败，可能无权限');
|
|
}
|
|
});
|
|
|
|
},
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.index-page {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.about-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 20px;
|
|
|
|
.app-icon {
|
|
width: 96px;
|
|
height: 96px;
|
|
margin-top: 20vh;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.app-info {
|
|
margin-top: 20px;
|
|
text-align: center;
|
|
|
|
.app-name {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.app-version {
|
|
font-size: 14px;
|
|
color: #666;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.test-mode-container {
|
|
margin-top: 30px;
|
|
border: 1px dashed #ff6600;
|
|
border-radius: 8px;
|
|
padding: 15px;
|
|
width: 80%;
|
|
|
|
.test-mode-content {
|
|
width: 100%;
|
|
}
|
|
|
|
.test-mode-title {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
color: #ff6600;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.test-mode-item {
|
|
margin: 10px 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.button-group {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.log-button {
|
|
width: 48%;
|
|
margin: 0;
|
|
}
|
|
|
|
.test-button {
|
|
margin-top: 15px;
|
|
background-color: #ff6600;
|
|
color: white;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
</style> |