糕糕app下载页面，指南，隐私协议

2026-04-10 13:53:04 +08:00
commit 179e87d61b
30 changed files with 1065 additions and 0 deletions
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -0,0 +1,125 @@
+<template>
+		
+	
+	<view   style="position: relative;">
+		<view class="" style="padding: 40rpx 30rpx; width: 100vw;height: 100vh;position: absolute;z-index: 999;background-color: rgba(0, 0, 0, 0.6);" v-if="weixinFlag">
+			<view class="" style="width: 100%;line-height: 0;">
+				<image src="../../static/wx.png" style="width: 100%;" mode="widthFix" ></image>
+			</view>
+		</view>
+		<view   style="width: 100%;height: 100vh; line-height: 0;"  >
+			<image   src="../../static/bg.png"   style="width: 100%;height: 100%;"></image>
+		</view>
+		 
+		<view class="" :class="osName=='windows'?'pc':''" style="width: 100%;padding: 110rpx 30rpx;position: absolute;left: 0;top: 0;">
+			<view class=""
+				style="width: 100%;background-color: #fff;border-radius: 32rpx;padding: 0 50rpx;padding-top: 190rpx;padding-bottom: 104rpx;">
+				<view class="" style="width: 128rpx;height: 128rpx;line-height: 0;margin: 0 auto;">
+					<image src="../../static/logo.png" style="width: 100%;height: 100%;"></image>
+				</view>
+				<view class=""
+					style="font-size: 48rpx;color: #343434;width: 100%;text-align: center;margin-top: 20rpx;font-weight: 700;">
+					糕糕 App
+				</view>
+				<view class="" style="color: #999;font-size: 32rpx;width: 100%;text-align: center;margin-top: 10rpx;">
+					糕糕校园，连接你我
+				</view>
+				<view class=""
+					style="margin-top: 134rpx; border-radius: 100rpx;text-align: center; width: 100%; padding: 22rpx 0; color: #fff;font-size: 32rpx;background: linear-gradient(90deg, #27B3FF 0%, #1D72FA 100%);box-shadow: 0 8rpx 16px 6rpx #003da021;"
+					@click="downLoad">
+					下载糕糕 App
+				</view>
+				<view class="" style="color: #999;font-size: 28rpx;width: 100%;text-align: center;margin-top: 32rpx;">
+					最新版本:{{info.version}}
+				</view>
+			</view>
+			
+			<view class="" style="display: flex;align-items: center; margin-top: 200rpx;justify-content: center;">
+				<view class="" style="width: 32rpx;height: 32rpx;">
+					<image src="../../static/small.png" style="width: 100%;height: 100%;"></image>
+				</view>
+				<view class="" style="font-size: 24rpx;color: #000;margin-left: 4rpx;">
+					<text @click="goGA">粤公网安备44011102003313号</text><text style=" margin-left: 10rpx;" @click="goBeian">粤ICP备16051288号</text>
+				</view>
+				
+			</view>
+			
+			<view class="" style="color: #999;font-size: 22rpx;width: 100%;text-align: center;margin-top: 8rpx;">
+				Copyright @ 2025 Company <text style="color: #27B3FF;margin: 0 10rpx;" @click="goYungao"> YunGao Tech</text> All rights reserved.
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				info: {},
+				osName: "123",
+				weixinFlag: false,
+			}
+		},
+		onReady: function() {
+			var ua = window.navigator.userAgent.toLowerCase();
+			if (ua.indexOf('micromessenger') > -1) {
+				this.weixinFlag = true; // 是微信端
+			} else {
+				this.weixinFlag = false;
+			}
+		},
+
+		onLoad() {
+			let that = this;
+			uni.getSystemInfo({
+				success(res) {
+					that.osName = res.osName
+				}
+			})
+			uni.request({
+				url: 'https://user.v4.yungao-tech.com/api/system/downloadApp', //仅为示例，并非真实接口地址。
+				data: {},
+				success: (res) => {
+					that.info = res.data.result
+					console.log(that.info);
+				}
+			});
+		},
+		methods: {
+			downLoad() {
+				if (this.osName == 'ios') {
+					window.location.href = "https://apps.apple.com/cn/app/id1580489792";
+				} else {
+					window.location.href = this.info.link;
+				}
+			},
+			goYungao(){
+				window.open("https://www.yungao-tech.com/"); 
+			},
+			goBeian(){
+				window.open("https://beian.miit.gov.cn");
+			},
+			goGA(){
+				window.open("https://beian.mps.gov.cn/#/query/webSearch?code=44011102003313");
+			}
+		}
+	}
+</script>
+
+<style>
+	page {
+		background-color: #F2F4F7;
+	}
+
+	view {
+		box-sizing: border-box;
+	}
+	.pc {
+		width: 375px !important;
+		left: 50%  !important;
+		transform: translateX(-50%) !important;
+		margin-top: 200px !important;
+	}
+	 
+</style>