<template>
	<view class="container-with-lines full-height-with-titile">
		<view style="background-color: white; border-radius: 10px; margin-top: 10px; padding: 15px 0;">
			<view class="header-section text-center">
				<image style="width: 150rpx;height: 150rpx; background-color: white;" src="/static/login/logo.png"
					mode="widthFix">
				</image>
				<uni-title type="h2" :title="languageData.me.systemName"></uni-title>
			</view>
			<view class="content-section">
				<view class="menu-list">
					<view class="list-cell list-cell-arrow">
						<view class="menu-item-box">
							<view>{{languageData.me.versionNum}}</view>
							<view class="text-right">v{{version}}</view>
						</view>
					</view>
					<view class="list-cell list-cell-arrow">
						<view class="menu-item-box">
							<view>{{languageData.me.email}}</view>
							<view class="text-right">{{'xxxx@lfpay.la'}}</view>
						</view>
					</view>
					<view class="list-cell list-cell-arrow">
						<view class="menu-item-box">
							<view>{{languageData.me.phone}}</view>
							<view class="text-right">{{'856 29578647'}}</view>
						</view>
					</view>
					<view class="list-cell list-cell-arrow">
						<view class="menu-item-box">
							<view>{{languageData.me.website}}</view>
							<view class="text-right">
								<uni-link :href="url1" :text="url1" showUnderLine="false"></uni-link>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="display: flex; justify-content: center;">
			<view class="copyright">
				<view>Copyright &copy; 2025 {{url1}}</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				url1: getApp().globalData.config.appInfo.site_url,
				// url: 'https://www.lfpay.la',
				version: getApp().globalData.config.appInfo.version,
				languageData: {}
			}
		},
		onLoad() {
			console.log(getApp().globalData.config.appInfo.site_url)
			this.languageData = this.$languageData;
			uni.setNavigationBarTitle({
				title: this.$languageData.navBar.about
			});
		},
		watch:{
			languageData(){
				uni.setNavigationBarTitle({
					title: this.$languageData.navBar.about
				});
			}
		},
	}
</script>

<style lang="scss">
	page {
		background-color: #f8f8f8;
	}

	.copyright {
		display: flex;
		justify-content: center;
		width: fit-content;
		background-color: rgba(238, 238, 238, .85);
		margin-top: 50rpx;
		text-align: center;
		padding: 1px 2px;
		color: #999;
	}

	.header-section {
		display: flex;
		padding: 30rpx 0 0;
		flex-direction: column;
		align-items: center;
	}
</style>