ProAdvanced/pages/info-page/app-info/app-info.vue

<template>
	<view >
		<uni-nav-bar id="nav-bar" status-bar="true" @clickLeft="onBack()"  title="" color="#000000" fixed="true" :border="false">
			<view slot="left">
				<view class=" flex align-center margin-left">
					<image class="p-left-arrow" src="../../../static/p-left-arrow.png"></image>
				</view>
			</view>
			<!-- <view slot="right">
				<view class=" flex align-center " style="margin-right: 10rpx;">
					<image style="width: 60rpx;height: 50rpx;" src="../../../static/devicesIconSimple/upgrade.png"></image>
				</view>
			</view> -->
		</uni-nav-bar>
		<view class="flex flex-direction justify-center align-center" style="height: 350px;">
			<view>
				<image style="width: 180px;height: 180px ;" src="../../../static/logo/logo.png"></image>
			</view>
			<view >哔蹦</view>
			<view v-if="version !=''" class="margin-sm">Version:{{version}}</view>
			<view v-if="version !=''" class="text-11px text-grey">{{showEndTime}}</view>
			<view  class="margin-sm"></view>
			<button class="make-bg-bPurple text-white text-14px" @click="checkAppUpdata">检测更新</button>
		</view>
		
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	
	export default {
		computed: mapState(['version','showEndTime']),
		data() {
			return {
				
			}
		},
		methods: {
			...mapMutations(['checkAppUpdata']),
			onBack() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: white;
	}
</style>