1.0

uniapp/App.vue

@@ -0,0 +1,73 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+			this.checkNetworkStatus()
+			
+		},
+		onShow: function() {
+			console.log('App Show')
+			this.checkNetworkStatus()
+		},
+		onHide: function() {
+			console.log('App Hide')
+		},
+		methods: {
+			// 检查网络状态
+			checkNetworkStatus() {
+				uni.getNetworkType({
+					success: (res) => {
+						console.log('网络类型：', res.networkType)
+						if (res.networkType === 'none') {
+							uni.showModal({
+								title: '网络连接失败',
+								content: '请检查您的网络连接后重试',
+								showCancel: false,
+								confirmText: '知道了'
+							})
+						}
+					},
+					fail: (err) => {
+						console.error('获取网络状态失败：', err)
+					}
+				})
+				
+				// 监听网络状态变化
+				uni.onNetworkStatusChange((res) => {
+					console.log('网络状态变化：', res)
+					if (!res.isConnected) {
+						uni.showToast({
+							title: '网络连接已断开',
+							icon: 'none',
+							duration: 3000
+						})
+					} else {
+						uni.showToast({
+							title: '网络连接已恢复',
+							icon: 'success',
+							duration: 2000
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/*每个页面公共css */
+	@import '@/uni_modules/uni-scss/index.scss';
+	/* #ifndef APP-NVUE */
+	@import '@/static/customicons.css';
+	// 设置整个项目的背景色
+	page {
+		background-color: #f5f5f5;
+	}
+
+	/* #endif */
+	.example-info {
+		font-size: 14px;
+		color: #333;
+		padding: 10px;
+	}
+</style>