<template>
	<view id="about">
		<nav-bar :is-back="true" title="关于我们"></nav-bar>
		<view class="header-box">
			<image src="https://am-img.gkiiot.com/iotos/app/img/login/logo.png" mode="logo"></image>
			<view>
				海创微联
			</view>
			<text>{{version}}</text>
		</view>
		<view class="list-box">
			<view class="item" @click="goUrl('./company-profile')">
				<view class="item-left">
					<text>公司简介</text>
				</view>
				<u-icon name="arrow-right" color="#666" size="28" style="font-weight: bold;"></u-icon>
			</view>
			<view class="item">
				<view class="item-left">
					<text>公司邮箱</text>
				</view>
				<view class="item-right">
					<text user-select="true" selectable="true">gkiiot@163.com</text>
				</view>
			</view>
			<view class="item">
				<view class="item-left">
					<text>咨询热线</text>
				</view>
				<view class="item-right">
					<text user-select="true" selectable="true">13055292364</text>
				</view>
			</view>
			<view class="item">
				<view class="item-left">
					<text>公司地址</text>
				</view>
				<view class="item-right">
					<text user-select="true" selectable="true">福建省福州市闽侯县上街镇乌龙江大道7#创新园二期18号楼(总办)</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import NavBar from '@/common/components/navbar/NavBar.vue'
	export default {
		data() {
			return {
				infoData:{},
				version:'1.0.0'
			}
		},
		components: {
			NavBar
		},
		onLoad() {
			this.infoData = uni.getStorageSync('info');
			// #ifdef  APP-PLUS
			plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{
				// console.log(JSON.stringify(wgtinfo));
				// console.log(wgtinfo.version);//应用版本号
				this.version = wgtinfo.version;
			})
			// #endif
			// #ifdef MP-WEIXIN
			const accountInfo = wx.getAccountInfoSync();
			if(accountInfo.miniProgram.envVersion=='release'){
				this.version = accountInfo.miniProgram.version;
			}
			console.log(accountInfo.miniProgram.version) // 插件版本号， 'a.b.c' 这样的形式
			// #endif
		},
		onShow() {

		},
		methods: {
			goUrl(url){
				console.log(url)
				uni.navigateTo({
					url:url
				})
			}
		}
	}
	
</script>

<style scoped lang="less">
	#about{
		height: 100%;
		background: #eaeff5;
		padding: 0 20rpx;
		.header-box{
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 100rpx 0 50rpx 0;
			image{
				width: 128rpx;
				height: 128rpx;
				
			}
			>view{
				color: #222;
				margin-top: 42rpx;
				font-size: 28rpx;
				line-height: 28rpx;
			}
			>text{
				color: #666;
				font-size: 22rpx;
				line-height: 22rpx;
				margin-top: 24rpx;
			}
		}
		.list-box{
			background: #fff;
			padding: 0 20rpx;
			border-radius: 20rpx;
			.item{
				padding: 20rpx 12rpx;
				min-height: 100rpx;
				border-bottom: 1px solid #E5E5E5;
				display: flex;
				align-items: center;
				font-size: 26rpx;
				line-height: 48rpx;
				.item-left{
					box-sizing: border-box;
					// width: 294rpx;
					display: flex;
					align-items: center;
					color: #666;
					flex: 1;
				}
				.item-right{
					flex: 2;
					color: #444;
				}
				
			}
		}
	}
</style>
