XEH-miniProgram/pages/self/about.vue

<template>
	<view class="page-wrap">
		<image class="bg" src="../../static/img_about_bg.jpg" mode="aspectFill"></image>
		<image class="logo" src="../../static/icon_logo.png"></image>
		<view class="name">
			鑫鑫园区® 综合管理系统
		</view>
		<view class="version">
			版本 2.1.0.6
		</view>
		<text class="foot">
			©2023-2029  天津鑫恩华产业园区管理有限公司
			All Rights Reserved.
		</text>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.page-wrap{
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		.bg{
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		}
		.logo{
			width: 181.32rpx;
			height: 181.32rpx;
			margin: 274.73rpx 0 21.98rpx;
		}
		.name{
			font-size: 27.47rpx;
			color: #555555;
			line-height: 41.21rpx;
		}
		.version{
			font-size: 24.73rpx;
			color: #666666;
			line-height: 41.21rpx;
		}
		.foot{
			position: fixed;
			left: 50%;
			bottom: 27.47rpx;
			transform: translateX(-50%);
			font-size: 19.23rpx;
			color: #666;
			line-height: 27.47rpx;
			white-space: nowrap;
			text-align: center;
		}
	}
</style>