<template>
	<view class="flex flex-column">
		<view class="center-list" @click="goHelp">
			<view class="center-list-item">
				<text class="list-text">帮助中心</text>
			</view>
		</view>
		<view class="center-list" @click="goAbout">
			<view class="center-list-item">
				<text class="list-text">关于我们</text>
			</view>
		</view>
		<view class="center-list">
			<view class="center-list-item">
				<text class="list-text">通知提醒</text>
			</view>
		</view>
		<view class="center-list" @click="goLicense">
			<view class="center-list-item">
				<text class="list-text">用户协议</text>
			</view>
		</view>
		<view class="center-list" @click="goPrivacy">
			<view class="center-list-item">
				<text class="list-text">隐私政策</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goHelp() {
				uni.navigateTo({
					url: "/pages/const/help"
				})
			},
			goAbout() {
				uni.navigateTo({
					url: "/pages/const/about"
				})
			},
			goLicense() {
				uni.navigateTo({
					url: "/pages/const/license"
				})
			},
			goPrivacy() {
				uni.navigateTo({
					url: "/pages/const/privacy"
				})
			},
		}
	}
</script>

<style scoped>
	.center-list {
		flex-direction: column;
		background-color: #FFFFFF;
		margin-top: 20upx;
		width: 690upx;
		margin-left: 30upx;
		margin-right: 30upx;
	}

	.center-list-item {
		height: 90upx;
		width: 690upx;
		flex-direction: row;
		padding: 0upx 20upx;
		border-radius: 10upx;
		box-shadow: #55555555 1rpx 0rpx 2rpx 0rpx;
	}

	.list-text {
		height: 90upx;
		line-height: 90upx;
		font-size: 34upx;
		color: #555;
		flex: 1;
	}
</style>
