120 lines
4.0 KiB
HTML
120 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<title>下载</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="stylesheet" href="./libs/bootstrap/bootstrap.min.css?__HTML_VERSION__=3">
|
|
<link rel="stylesheet" href="./css/common.css?__HTML_VERSION__=7">
|
|
<style>
|
|
html, body, .full {width:100%; min-height:100%;}
|
|
.w70 {width: 70%;}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<section id="app" class="container-fluid" style="max-width: 1024px;">
|
|
<div class="text-center" style="padding-top:100px"><img :src="logo" alt="logo" style="width: 200px; height: 200px;"></div>
|
|
|
|
<ul class="list-unstyled" style="padding-top:80px;">
|
|
<li v-for="(v,i) in info.list" class="full text-center">
|
|
<button class="btn btn-primary btn-lg w70" @click="download(i, v.ios_marketid, 0)" style="font-size: 12px;">下载</button>
|
|
<button class="btn btn-info w70" @click="download(i, v.ios_marketid, 1)"
|
|
v-if="v.ios_down_2 && v.android_down_2" style="margin-top: 5px;font-size: 12px;">
|
|
备用下载
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="panel-img" v-show="isShow" @click="isShow = false">
|
|
<template v-if="isIOS">
|
|
<img :src="helpPic[0]" v-show="!isIOSImgShow" class="full-screen">
|
|
<img :src="helpPic[1]" v-show="isIOSImgShow" class="full-screen">
|
|
</template>
|
|
<template v-else><img :src="helpPic[2]" class="full-screen"></template>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="./libs/jquery.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./libs/vue.min.js?__HTML_VERSION__=3"></script>
|
|
<script src="./libs/layer_mobile/layer.js?__HTML_VERSION__=3"></script>
|
|
<script src="./js/function.js?__HTML_VERSION__=18"></script>
|
|
<script>
|
|
new Vue(
|
|
{
|
|
el: "#app",
|
|
data: {
|
|
isIOS: false,
|
|
isWechat: false,
|
|
isShow: false,
|
|
isIOSImgShow: false,
|
|
info: {},
|
|
logo: 'http://tsgames.daoqijuyou77.cn/image_download/jinxian.png',
|
|
helpPic: [
|
|
'./images/ios.png',
|
|
'./images/ios2.png',
|
|
'./images/and.png'
|
|
]
|
|
},
|
|
methods: {
|
|
download: function (i, marketid, type) {
|
|
console.log(i, marketid);
|
|
// 是否是微信端
|
|
if (this.isWechat) {
|
|
// 是否显示帮助图片
|
|
this.isShow = true;
|
|
if (this.isIOS) {
|
|
if (marketid === '2')
|
|
this.isIOSImgShow = true;
|
|
else
|
|
this.isIOSImgShow = false;
|
|
}
|
|
} else {
|
|
// 是否显示帮助图片
|
|
this.isShow = false;
|
|
// 下载地址
|
|
var url = '';
|
|
if(type === 0) {
|
|
// 常用下载链接
|
|
if (this.isIOS)
|
|
url = this.info.list[i].ios_down;
|
|
else
|
|
url = this.info.list[i].android_down;
|
|
} else {
|
|
// 备用下载链接
|
|
if (this.isIOS)
|
|
url = this.info.list[i].ios_down_2;
|
|
else
|
|
url = this.info.list[i].android_down_2;
|
|
}
|
|
|
|
window.location.href = url;
|
|
}
|
|
}
|
|
},
|
|
created: function () {
|
|
this.isIOS = $.whichSystem();
|
|
this.isWechat = $.isWeiXin();
|
|
|
|
this.info = {
|
|
list: [
|
|
{
|
|
"android_down": "http://tsqiniu1.tscce.cn/apk/jxgamehallv2.apk",
|
|
"android_down_2": "",
|
|
"android_size": "",
|
|
"game_id": "G2hw0ubng0zcoI0r4mx3H2yr4GejidwO",
|
|
"image": "http://tsqiniu1.tscce.cn/game_down_image/jinxian.png",
|
|
"ios_down": "itms-services://?action=download-manifest&url=https://skygames.tscce.cn/plist/gamehall_jinxianv2.plist",
|
|
"ios_down_2": "",
|
|
"ios_marketid": "2",
|
|
"ios_size": "",
|
|
"memo": "",
|
|
"name": ""
|
|
}
|
|
]
|
|
};
|
|
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |