<template>
	<!-- 设置 -->
	<view class="setting-view">
		<!-- <u-navbar back-icon-color="#333333" background="#FFFFFF" title="设置" titleColor="#333333"
			:border-bottom="false" title-bold></u-navbar> -->
		<view class="list-view">
			<u-cell-group :border="false">
				<view v-for="(item, index) in items" :key="index">
					<u-cell-item value="" :border-bottom="false" @click="handleClick(item.pathName)">
						<view slot="title" class="item-title">{{item.title}}</view>
					</u-cell-item>
				</view>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		computed: {
			items() {
				return [
					{
						pathName: 'about/user-agreement/user-agreement',
						title: '用户协议',
					},
					{
						pathName: 'about/privacy-agreement/privacy-agreement',
						title: '隐私协议',
					},
				]
			}
		},
		onLoad() {
			getApp().trackPage('关于')
		},
		methods: {
			handleClick(path) {
				this.$u.route({
					url: 'pages/mine/' + path
				})
				// if(this.vuex_token) {
					
				// } else {
				// 	this.$u.route({url: "pages/login/index"})
				// }
			},
		}
	};
</script>

<style lang="scss" scoped>
	.setting-view {
		padding-bottom: 44px;
		height: 100vh;
		display: flex;
		flex-direction: column;
		background-color: #F4F5F7;
		.list-view {
			height: 100%;
			margin-top: 30rpx;

				.item-title {
					font-size: 32rpx;
					color: #333333;
					line-height: 32rpx;
				}
				
				.item-value {
					font-size: 26rpx;
					color: #999999;
				}
				
				.line-view {
					height: 2rpx;
					background-color: #F4F5F7;
					margin: 30rpx;
				}
			
		}
	}
</style>
