onecric_h5/components/install/install.vue

<template>
	<view class="notice flex" v-show="isShow">
		<image src="../../static/image/common/warn.png" mode="" class="cha" @click="closeClick"></image>
		<image src="../../static/image/common/120.png" mode="" class="logo"></image>
		<!-- Get On-Demand Highlights,Interactive<br/> Live Stats only on the App -->
		<p class="font24" v-html="$t('common.installText')"></p>
		<!-- INSTALL -->
		<text @click="installClick" class="font28">{{ $t('common.install') }}</text>
	</view>
</template>

<script>

	export default {
		name: "install",
		data() {
			return {
				isShow: true
			};
		},
		computed: {
			system() {
				return this.$store.state.system || {}
			},
		},
		created() {
			if (this.$route.meta.name == 'pages-Match-Match' && this.$route.query.flag == 'app') {
				this.isShow = false
				uni.hideTabBar()
			}
		},	
		methods: {
			installClick() {
				this.$toUrl('/download/google')
				// if (this.system.h5_mandatory_update_type == '0') {
				// 	window.location.href = this.$store.state.system.android_download_google_url
				// }
				// if (this.system.h5_mandatory_update_type == '1') {
				// 	window.location.href = this.$store.state.system.domain_h5_name
				// }
				// if (this.system.h5_mandatory_update_type == '2') {
				// 	window.location.href = this.$store.state.system.androidDownloadUrl
				// }
				// gtag('event', 'install_app', {
				// 	'install_app': '0'
				// });
			},
			closeClick() {
				this.isShow = false
			}
		}
	}
</script>

<style lang="scss">
	.notice {
		padding: 20rpx 14rpx;
		background: linear-gradient(222.28deg, #f8f8fa, #ebf2fa);

		.cha {
			min-width: 36rpx;
			max-width: 36rpx;
			height: 36rpx;
		}

		.logo {
			min-width: 68rpx;
			max-width: 68rpx;
			height: 68rpx;
		}

		text {
			text-decoration: none;
			color: #fff;
			background-color: rgba(91, 105, 150, 1);
			padding: 10rpx 20rpx;
			border-radius: 10rpx;
			white-space: nowrap;
		}
	}
</style>