125 lines
3.9 KiB
Vue
125 lines
3.9 KiB
Vue
<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> |