meishidaYH/msdYongHu/components/ysxyView/ysxyView.vue

<template>
	<view class="ysviewContent">
		<view v-if="yuyan==1">
			<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(2)">Ngôn ngữ/语言</text> -->
				<text class="disagrBt" @click="btSelect(0)">不同意</text>
				<text class="agrBt" @click="btSelect(1)">同意</text>
			</view>
		</view>
		<view v-if="yuyan==2">
			<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(2)">Ngôn ngữ/语言</text> -->
				<text class="disagrBt" @click="btSelect(0)">不同意</text>
				<text class="agrBt" @click="btSelect(1)">同意</text>
			</view>
		</view>
		<view v-if="yuyan==3">
			<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(1)">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:2
			};
		},
		methods:{
			btSelect(state){
				this.$emit('EagrResult',state);
			},
			qiehuanyuy(s){
				this.yuyan=s;
				var code='';
				if(this.yuyan==1){
					code='zh-Hans';
				}
				else if(this.yuyan==2){
					code='zh-Hant';
				}
				else if(this.yuyan==3){
					code='yuenan';
				}
				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>