Ci2Order.vue/App/pages/center/about/index.vue

<template>
	<view>
		<z-navbar title="关于" back></z-navbar>
		<view class="center_img_center">
			<image class="center_img" src="../../../static/startup_2.png"></image>
		</view>
		<view class="center_text1 mt-40">
			刺兔预定
		</view>
		<view class="center_text1 mt-20">
			Efficiency improvement
		</view>
		<view class="center_text2 mt-20">
			助力酒店、轰趴馆效率提升
		</view>
		<view class="center_text2 mt-20">
			V{{version}}
		</view>
		<z-card class="mt-39">
			<z-cell label="更新动态" height="100rpx" arrow @click.native="gotoDynamic"></z-cell>
			<z-cell label="服务协议" height="100rpx" arrow hideline @click.native="gotoAgreement"></z-cell>
		</z-card>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				version:''
			};
		},
		mounted() {
			this.version=plus.runtime.version;
		},
		methods:{
			gotoDynamic(){
				uni.navigateTo({
					url: './dynamic',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			gotoAgreement(){
				uni.navigateTo({
					url: './agreement',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.center_img_center{
		text-align: center;
	}
.center_img{
	border-radius: 50%;
	width: 160rpx;
	height: 160rpx;
	margin-top: 86rpx;
	box-shadow: 15rpx 20rpx 40rpx #007AFF;
}
.center_text1{
	font-size: 36rpx;
	color: #333333;
	font-weight: bold;
	text-align: center;
}
.center_text2{
	font-size: 28rpx;
	color: #999999;
	font-weight:500;
	text-align: center;
}
</style>