zhywpt-h5/pages/productOption/productOption.vue

<template>
	<div>
		<custom-header title="选择产品" :back="false"></custom-header>
		<div class="bg">
			<view @click="listClick" class="layout as-gravity-center-start"
				style="background-image: url(../../static/image/bg1.png);">
				<image style="width: 60px;height: 60px;" src="../../static/image/product.png"></image>
				<view style="width:20px"></view>
				<view style="display: flex; flex-direction: column;justify-content:span-between;height: 60px;">
					<text style="font-size: 16px;">ETC系列产品</text>
					<view style="flex: 1;"></view>
					<view style="display: flex; flex-direction: row;">
						<text>储值卡</text>
					</view>
				</view>
				<text style="font-weight: bold;font-size: 20px;flex: 1;text-align: right;">￥168.00</text>
			</view>
		</div>
		<agreement :start="start" @disagree="disagree" @consent="consent">
			<view class="text">为了更好的向您提供服务，我们需要收集您的用户、车辆等信息用于ETC发行、售后。请您务必审慎阅读、充分理解<text class="link"
					bindtap="userAgreement">《用户协议》</text>和<text class="link"
					bindtap="privacyPolicy">《隐私政策》</text>各条款。如果您同意，请点击下面按钮开始接受我们的服务，如果不同意将会限制您使用部分功能。</view>
		</agreement>
	</div>
</template>
<script setup lang='ts'>
	import {
		ref
	} from 'vue'
	import CustomHeader from '@/components/CustomHeader.vue';
	import Agreement from '@/components/Agreement.vue';

	const start = ref(false)

	function listClick() {
		start.value = true
	}
	function disagree() {
		start.value = false
	}
	// 检查是否在微信环境中
	function isWeChat() {
		var ua = navigator.userAgent.toLowerCase();
		return ua.indexOf('micromessenger') !== -1;
	}

	//点击确认
	function consent() {
		start.value = false
		uni.navigateTo({
			url: '/pages/memoryCardApplication/memoryCardApplication',
			animationType: 'pop-in',
			animationDuration: 500 
		})
		
		// if (isWeChat()) {
		// 	// alert('请在微信中打开该链接123');
		// 	// 使用微信提供的接口跳转
		// 	// wx.miniProgram.navigateTo({
		// 	// 	appId: 'wx008c60533388527a',
		// 	// 	path: 'pages/sign/auth'
		// 	// });
			
		// 	// 例如，点击事件处理函数
		// 	window.location.href = 'https://file.etcjz.cn/file/web/sign.html?orderId=dcddf9c632fb4b4ca435b4d0aa2605b4';
			
		
		// 	//https://file.etcjz.cn/file/web/sign.html?orderId=dcddf9c632fb4b4ca435b4d0aa2605b4
			
		// 	// uni.navigateToMiniProgram({
		// 	//   appId: 'wx008c60533388527a', // 要跳转的小程序appid
		// 	//   path: 'pages/loginSing/appAuth', // 跳转的小程序页面路径，可选
		// 	//   extraData: { // 传递给目标小程序的参数，可选
		// 	//     foo: 'bar'
		// 	//   },
		// 	//   success: function () {
		// 	//     console.log('跳转成功');
		// 	//   }
		// 	// });

		// } else {
		// 	// 在非微信环境中给出提示
		// 	alert('请在微信中打开该链接');
		// }


	}
</script>
<style lang='scss' scoped>
	.layout {
		background-color: white;
		height: 70px;
		border-radius: 8px;
		padding: 8px 15px;
		flex-direction: row;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		color: #FFFFFF;
	}
</style>