<template>
	<view>
		<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">关于</block>
		</cu-custom>
		<view class="about-box">
			<view class="about-img">
				<image src="../../../static/app-logo.png" mode=""></image>
			</view>
		</view>
		<view class="cu-list menu margin-top">
			<view class="cu-item">
				<view class="content">
					<text class="text-semi">当前版本</text>
				</view>
				<view class="action">
					<text class="text-grey">V{{version}}</text>
				</view>
			</view>
		</view>
	</view>	
</template>

<script>	
	import {
		version
	} from '@/common/tool.js';
	export default {
		data() {
			return {
				version:''
			}
		},
		onLoad() {
			this.version = version;
		},
		methods: {
			
		}
	}
</script>

<style>
.about-box{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 120upx 0;
	}
	.about-img{
		width: 120upx;
		height: 120upx;
	}
	.about-img image{
		width: 100%;
		height: 100%;
	}
	.cu-list.menu>.cu-item{
		min-height: 80upx;
	}
</style>
