<template>
	<view class="">
		<u-navbar :back-text="i18n('Back')"
		:back-text-style="backStyle"
		back-icon-color="#fff"
		title-color="#fff"
		:title="i18n('aboutUs')"
		:background="background">
			
		</u-navbar>
		<view class="banners">
			<view class="wrap">
				<image class="icon" src="../../../static/img/public/logosvg.svg" mode="widthFix"></image>
				<view class="info">
					<text class="text">低碳</text>
					<text class="text">绿色</text>
					<text class="text">可持续发展</text>
				</view>
			</view>
		</view>
		<view class="" style="background-color: #fff;">
			<span v-if="$i18n.locale=='zh'" @click="toView('userAgreementZH')">
				<list-cell  iconColor="#333" :title="i18n('Useragreement')" @eventClick="toPersonalInfo"></list-cell>
			</span>
			<span v-else @click="toView('userAgreementEN')">
				<list-cell  iconColor="#333" :title="i18n('Useragreement')" @eventClick="toPersonalInfo"></list-cell>
			</span>
			<!-- href="https://8.8.20.112:19001/#/pages/profile/profileSetUp/appUser/privacyPolicyZH"  -->
			<span v-if="$i18n.locale=='zh'" @click="toView('privacyPolicyZH')">
				<list-cell  iconColor="#333" :title="i18n('Privacypolicy')" @eventClick="toPersonalInfo"></list-cell>
			</span>
			<span v-else @click="toView('privacyPolicyEN')">
				<list-cell  iconColor="#333" :title="i18n('Privacypolicy')" @eventClick="toPersonalInfo"></list-cell>
			</span>
			<list-cell  iconColor="#333" :title="i18n('VersionNumber')" :tips="version"></list-cell>
		</view>
	</view>
</template>

<script>
	import listCell from '@/components/JumpBox';
	export default {
		components: {
			listCell,
			
		},
		data() {
			return {
				background: {
					backgroundImage: 'linear-gradient(270deg, #4BC0E2 0%, #538BE7 100%)',
				},
				backStyle: {
					color: '#fff'
				},
				version:null,
			}
	
		},
		onShow(){
			plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
				console.log(wgtinfo);
				console.log(wgtinfo.version);   //版本号
				this.version = wgtinfo.version;
			})
		},
		methods: {
			i18n(data) {
				return this.$t('common.' + data);
			},
			toView(value) {
				uni.navigateTo({
					url: '/pages/profile/profileSetUp/appUser/'+value
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #fff;
	}
	a {
		text-decoration:none;
	}
	.banners{
		height:460upx;
		display:flex;
		align-items:center;
		background-color:#fafafa;
		.wrap{
			width:90%;
			text-align:center;
			margin:0 auto;
			.icon{
				display:block;
				width:80%;
				margin:0 auto;
			}
			.info{
				display:inline-flex;
				.text{
					padding:0 10upx;
					color:#aaa;
				}
				
			}
		}
	}
</style>
