wurenji-xcx/pages/main/set/aboutUs/aboutUs.vue

<template>
	<view class="aboutUs">
		<view class="image">
			<image src="/static/images/icon.png" mode=""></image>
		</view>
		<!-- <view class="Version">
			当前版本 <span>{{version}}</span>
		</view> -->
		<view class="introducer">
			<p>
				成都政弘科技有限公司成立于2013年，公司经过多年的技术积累和项目经验，现已具有完善的产品和快速开发平台，为各行业的信息化建设降本增效打下了坚实基础，同时在人工智能方面取得重大突破。
			</p>

		</view>


		<view class="list">
			<view class="li">
				<view style="display: flex;">
					<!-- <u-icon name="bell-fill" color="#3DD4A7" size="20"></u-icon> -->
					<view class="txt">
						联系电话： <span>028-87365800</span>
					</view>
					
				</view>
			</view>
			<view class="li">
				<view style="display: flex;">
					<!-- <u-icon name="bell-fill" color="#3DD4A7" size="20"></u-icon> -->
					<view class="txt">
						adress： <span>{{Config}}</span>
					</view>
				</view>
			</view>
			<view class="li">
				<view style="display: flex;">
					<!-- <u-icon name="bell-fill" color="#3DD4A7" size="20"></u-icon> -->
					<view class="txt">
						公司地址： <span>成都市成华区建材路37号</span>
					</view>
				</view>
			</view>	
		</view>
	</view>
</template>

<script>
	import Config from '@/common/Config.js'
	export default {
		data() {
			return {
				version: '1.0.14',
				Config: Config.baseUrl
			}
		},
		onShow() {
			//#ifdef APP-PLUS
			this.getVersion()
			//#endif
		},
		mounted() {
			this.Config = this.Config.replace('/projectManage-admin', ' ')
		},

		methods: {
			getVersion() {
				// 获取本地应用资源版本号
				plus.runtime.getProperty(plus.runtime.appid, (info) => {
					this.version = info.version;
					console.log(this.version);
				})
			},
		}
	}
</script>

<style scoped lang="less">
	.aboutUs {
		text-align: center;

		.image {
			padding-top: 100rpx;
		}

		.introducer {
			padding: 40rpx;
			text-align: left;

			p {
				text-indent: 2em
			}
		}

		.Version {
			span {
				margin-left: 30rpx;
				font-size: 34rpx
			}
		}

		.list {
			margin-top: 200rpx;
			padding: 0 35rpx;
			font-size: 20rpx;
			color: #999;
			text-align: left;

			.li {
				// display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 10rpx;
				width: 100%;
				.txt {
					width: 100%;
					margin-left: 10rpx;
				}
			}
		}

		image {
			width: 180rpx;
			text-align: center;
			height: 180rpx;
		}
	}
</style>