<template>
	<view class="container">
		<view style="background-color: #eef3f7; padding:40px 20px;">
			<u--image :showLoading="true" src="/static/logo_title.png" width="130px" height="45px" @click="click"
				customStyle="margin:auto"></u--image>
			<u--text :text="$tt('about.open')" size="14" type="info"
				customStyle="margin:auto; margin-top:20px;"></u--text>
			<u--text :text="$tt('about.message')" size="14" type="info"
				customStyle="margin:auto; margin-top:8px;"></u--text>
		</view>

		<view style="margin-top:20px;">
			<!-- #ifndef APP-PLUS -->
			<u-cell :title="$tt('about.authorQQ')" size="large">
				<u-icon slot="icon" size="20" name="qq-circle-fill" color="#3c9cff"></u-icon>
				<text slot="value" class="u-slot-value"></text>
			</u-cell>
			<u-cell :title="$tt('about.authorWechat')"size="large"><u-icon slot="icon" size="20" name="weixin-circle-fill"
					color="#5ac725"></u-icon></u-cell>
			<u-cell :title="$tt('about.group')" size="large">
				<u-icon slot="icon" size="20" name="qq-circle-fill" color="#3c9cff"></u-icon>
				<text slot="value" class="u-slot-value"></text>
			</u-cell>
			<!-- #endif -->
			<u-cell isLink size="large">
				<u-link slot="title" href="http://fastbee.cn/" :text="$tt('about.webSite')" color="#333"></u-link>
				<u-icon slot="icon" size="20" name="home-fill" color="#f56c6c"></u-icon>
				<text slot="value" class="u-slot-value"></text>
			</u-cell>
			<!-- #ifndef APP-PLUS -->
			<u-cell isLink size="large">
				<u-link slot="title" href="https://gitee.com/kerwincui/wumei-smart" :text="$tt('about.SourceCode')" color="#333"></u-link>
				<u-icon slot="icon" size="20" name="github-circle-fill" color="#666"></u-icon>
				<text slot="value" class="u-slot-value"></text>
			</u-cell>
			<!-- #endif -->
			<u-cell isLink size="large">
				<u-link slot="title" href="http://www.hpiot.cn/" :text="$tt('login.HuapuIoT')" color="#333"></u-link>
				<u-icon slot="icon" name="/static/hp_logo.png" size="20" color="#0d5ce7"></u-icon>
				<text slot="value" class="u-slot-value"></text>
			</u-cell>
		</view>

		<view style="position:fixed;bottom:20px;left:0;right:0;">
			<u--text size="10" type="info" align="center"
				text="Copyright © 2022-2024 FastBee All Rights Reserved."></u--text>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {};
		},
		created () {},
		methods: {}
	};
</script>

<style>
	.container {
		padding-bottom: 100px;
	}
</style>