<template>
	<view class="ysviewContent">
		<view v-if="yuyan==0">
			<view class="contentColumnC" style="padding-top: 20rpx;">
				<text class="textfontB2" style="text-align: center;">用户协议及隐私政策</text>
			</view>
			<view style="margin-top: 20rpx;padding: 16rpx;">
				<text>您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本</text>
				<text class="ynszcdi" @click="btSelect(2)">《隐私政策》</text>
				<text>向您说明，在使用我们的服务时，我们如何收集、使用、储存和分享这些信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。本</text>
				<text class="ynszcdi" @click="btSelect(2)">《隐私政策》</text>
				<text>，希望您仔细阅读，充分理解协议中的内容后再点击同意。</text>
			</view>
			<view class="contentInRowS" style="width: 90%;margin-left: 5%;margin-top: 20rpx;padding-bottom:20rpx;">
				<text class="disagrBt" style="font-size: 24rpx;" @click="qiehuanyuy(1)">Ngôn ngữ/语言</text>
				<text class="disagrBt" @click="btSelect(0)">不同意</text>
				<text class="agrBt" @click="btSelect(1)">同意</text>
			</view>
		</view>
		<view v-if="yuyan==1">
			<view class="contentColumnC" style="padding-top: 20rpx;">
				<text class="textfontB2" style="text-align: center;">Thỏa thuận người dùng và Chính sách bảo mật</text>
			</view>
			<view style="margin-top: 20rpx;padding: 16rpx;">
				<text>Chúng tôi có thể thu thập và sử dụng thông tin về bạn khi bạn sử dụng Dịch vụ của chúng tôi. Chúng tôi hy vọng thông qua Ben</text>
				<text class="ynszcdi" @click="btSelect(2)">"Chính sách bảo mật"</text>
				<text>Giải thích cho bạn cách chúng tôi thu thập, sử dụng, lưu trữ và chia sẻ thông tin này khi sử dụng Dịch vụ của chúng tôi và cách chúng tôi cung cấp cho bạn quyền truy cập, cập nhật, kiểm soát và bảo vệ thông tin này. Ben</text>
				<text class="ynszcdi" @click="btSelect(2)">"Chính sách bảo mật"</text>
				<text>,Hy vọng bạn đọc kỹ, hiểu đầy đủ nội dung trong thỏa thuận trước khi nhấp vào đồng ý.</text>
			</view>
			<view class="contentInRowS" style="width: 90%;margin-left: 5%;margin-top: 20rpx;padding-bottom:20rpx;">
				<text class="disagrBt" style="font-size: 24rpx;" @click="qiehuanyuy(0)">Ngôn ngữ/语言</text>
				<text class="disagrBt" @click="btSelect(0)">Không đồng ý</text>
				<text class="agrBt" @click="btSelect(1)">Đồng ý</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"ysxyView",
		data() {
			return {
				yuyan:1
			};
		},
		methods:{
			btSelect(state){
				this.$emit('EagrResult',state);
			},
			qiehuanyuy(s){
				this.yuyan=s;
				var code='';
				if(this.yuyan==1){
					code='yuenan';
				}
				else{
					code='zh-Hans';
				}
				if (plus.os.name.toLowerCase() === 'android') {
					uni.setStorageSync('language',code);
					uni.setLocale(code);
				}
				else{
					uni.setStorageSync('language',code);
					uni.setLocale(code);
					this.$i18n.locale = code;
				}
				
			}
			
		},
	}
</script>

<style>
	.ysviewContent{
		width: 84%;
		margin-left: 8%;
		background-color: white;
		border-radius: 10rpx;
	}
	
	.ynszcdi{
		color: blue;
		text-decoration:underline;
	}
	
	.disagrBt{
		background-color: white;
		border: 2rpx solid lightgray;
		padding-left: 12rpx;
		padding-right: 12rpx;
		line-height: 60rpx;
		font-size: 26rpx;
		border-radius: 8rpx;
	}
	.agrBt{
		background-color: #00A6FF;
		border: 2rpx solid #00A6FF;
		padding-left: 12rpx;
		padding-right: 12rpx;
		line-height: 60rpx;
		font-size: 26rpx;
		border-radius: 8rpx;
		color: white;
	}

</style>