MeetMateApp/pages/login/down.vue

<template>
	<view class="page">
		<view class="header">
			<view class="left">
				<!-- <image class="img" mode="widthFix" src="../../static/login/close.png"></image> -->
			</view>
		</view>

		<view class="tbody">
			<image style="margin-top: 50rpx;height: 120rpx;" src="../../static/me/img_checkMark.png" mode="heightFix" />
			<text style="margin-top: 68rpx;color:#FFFFFF;font-size: 28rpx;">下载APP，遇见更好的TA！</text>


			<text class="btn_submit" @click="toDown">下载APP</text>



		</view>
		<view class="pop_mask" v-if="show_mask">
			<view class="body">
				<image class="clickT" src="http://c.yujianmate.com/images/v1/wx_mask.png" mode="widthFix" />
			</view>
		</view>
		<view class="blankHeight"></view>
		<!-- 提示框 -->
		<DialogBox ref="DialogBox"></DialogBox>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				title: '',
				show_mask: false,
			}
		},
		onLoad(params) {
			this.ycode = params.ycode || '999999';
		},
		onShow() {},
		methods: {
			onBack() {},
			toDown() {
				var browser = {
					versions: function() {
						var u = navigator.userAgent,
							app = navigator.appVersion;
						return { //移动终端浏览器版本信息
							trident: u.indexOf('Trident') > -1, //IE内核
							presto: u.indexOf('Presto') > -1, //opera内核
							webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
							gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
							mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
							ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
							android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
							iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
							iPad: u.indexOf('iPad') > -1, //是否iPad
							webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
						};
					}(),
					language: (navigator.browserLanguage || navigator.language).toLowerCase()
				};
				if (this.is_show_mask()) {
					this.show_mask = true;
				} else {
					if (browser.versions.mobile && browser.versions.ios) {
						location.href = "https://e.yujianmate.com/web/";
					} else {
						location.href = "https://e.yujianmate.com/app/web3.0.apk";
					}
				}
			},
			is_show_mask() {
				var ua = navigator.userAgent.toLowerCase();
				if (ua.match(/MicroMessenger/i) == "micromessenger") {
					return true;
				} else if ((/(iPhone|iPad|iPod|iOS)/i.test(ua) && /\sQQ/i.test(ua)) || (/(Android)/i.test(ua) &&
						/MQQBrowser/i.test(ua) && /\sQQ/i.test((ua).split('MQQBrowser')))) {
					return true;
				}
				return false;
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'down.scss';
</style>