JP-ChargeTeam51/pages/user/about.vue

<template>
	<view>
		<u-navbar title="关于我们"></u-navbar>
		<view class="about">
			<img src="../../static/img/aboutus.png" alt="">
			<p>51充电联盟</p>
		</view>
		<u-cell-group>
			<u-cell-item title="用户协议" @click="gotoUrl('pages/article/details?code=YHXY')"></u-cell-item>
			<u-cell-item title="隐私政策" @click="gotoUrl('pages/article/details?code=YSZC')"></u-cell-item>
			<u-cell-item title="充值协议" @click="gotoUrl('pages/article/details?code=CZXY')"></u-cell-item>
		</u-cell-group>
		<view class="about-foot">
			<p>湖北荆鹏集团</p>
			<p>版权所有 Copyright ©2022</p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					intro: '',
				},
			}
		},
		methods: {

		}
	}
</script>
<style>
	page{
		background-color: #F7F7F7;
	}
</style>
<style lang="scss" scoped>
	.about{
		background-color: #fff;
		padding: 36px 0;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		flex-direction: column;
		img{
			height: 120rpx;
			width: 120rpx;
		}
		p{
			margin-top: 8px;
		}
	}
	.about-foot{
		position: fixed;
		bottom:16px;
		text-align: center;
		left: 0;
		right: 0;
		p{
			color:#666;
		}
	}
</style>