<template>
	<view class="about-container">
		<cu-custom bgColor="bg-gradual-pink" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content"></block>
		</cu-custom>
		<view class="header-section text-center">
			<image style="width: 150rpx;height: 150rpx;" src="/static/logo200.png" mode="widthFix">
			</image>
			<uni-title type="h2" :title="title"></uni-title>
		</view>

		<view class="content-section">
			<view class="menu-list">
				<view class="list-cell list-cell-arrow">
					<view class="menu-item-box">
						<view>版本信息</view>
						<view class="text-right">v{{version}}</view>
					</view>
				</view>
	<!-- 			<view class="list-cell list-cell-arrow">
					<view class="menu-item-box">
						<view>官方邮箱</view>
						<view class="text-right">{{official_mail}}</view>
					</view>
				</view>
				<view class="list-cell list-cell-arrow">
					<view class="menu-item-box">
						<view>服务热线</view>
						<view class="text-right">{{hot_tel}}</view>
					</view>
				</view> -->
				<view class="list-cell list-cell-arrow">
					<view class="menu-item-box">
						<view>WMS地址</view>
						<view class="text-right">
							<uni-link :href="url" :text="url" showUnderLine="false"></uni-link>
						</view>
					</view>
				</view>
			</view>
		</view>

		<view class="copyright">
			<view>{{copyright}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: getApp().globalData.config.appInfo.name,
				globalConfig: getApp().globalData.config,
				url: getApp().globalData.config.appInfo.site_url + '/#/',
				version: getApp().globalData.config.appInfo.version,
				copyright: getApp().globalData.config.appInfo.copyright,
				official_mail: getApp().globalData.config.appInfo.official_mail,
				hot_tel: getApp().globalData.config.appInfo.hot_tel,
			}
		}
	}
</script>

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

	.copyright {
		margin-top: 50rpx;
		text-align: center;
		line-height: 60rpx;
		color: #999;
	}

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