<template>
	<div class="page_container bg-white">
		<NavBar :title="$t('profileMenu.aboutUs')" />

		<img class="logo" :src="about_logo" alt="" />
		<div class="title">
			嗨聊
		</div>
		<div class="version">{{ version }}</div>
		<a href="https://changliaoadmin.app12345.cn/contnent">
			<div class="list">
				<div class="label">
					软件许可及服务协议
				</div>
				<van-icon name="arrow" />
			</div>
		</a>
		<a href="https://changliaoadmin.app12345.cn/text">
			<div class="list">
				<div class="label">
					隐私保护协议
				</div>
				<van-icon name="arrow" />
			</div>
		</a>
		<!-- <div class="list">
			<div class="label">
				检查新版本
			</div>
			<van-icon name="arrow" />
		</div> -->
	</div>
</template>

<script setup lang="ts">
	import about_logo from '@assets/images/profile/about_logo.png'

	const version = process.env.VERSION
</script>

<style lang="scss" scoped>
	.page_container {
		background-color: #fff;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.logo {
		width: 4.55rem;
		height: 4.55rem;
		margin-top: 4.58rem;
	}

	.title {
		font-weight: 800;
		font-size: 1.43rem;
		color: #000000;
		margin-top: 1.09rem;
	}

	.version {
		font-size: 0.78rem;
		color: #000000;
		margin-bottom: 3.57rem;
	}

	.list {
		width: 20.8rem;
		height: 3.44rem;
		border-bottom: 1px solid #E5E5E5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 1.04rem;
		color: #181818;
	}
</style>