<template>
	<view class="personalCenter">
		<view class="user-title">
			<image :src="userInfo.avatar" mode=""></image>
			<view class="user-name">
				{{userInfo.nickname}}
			</view>
		</view>
		<view class="segmentation">
			
		</view>
		<view class="menuList">
			<view class="dis-flex menu-item" @click="goList('record')"> 
				<image :src="imgfixUrls + 'liulan.png'" mode=""></image>
				<view class="flex-box menu-name f-28 col-3">
					浏览记录
					<view class="iconfont icon-right" style="float: right;font-size: 24upx;">
						
					</view>
				</view>
				
			</view>
			<view class="dis-flex menu-item" @click="goList('collect')">
				<image :src="imgfixUrls + 'shoucang.png'" mode=""></image>
				<view class="flex-box menu-name f-28 col-3">
					我的收藏
					<view class="iconfont icon-right" style="float: right;font-size: 24upx;">
						
					</view>
				</view>
				
			</view>
			<view class="dis-flex menu-item" @click="goList('issue')">
				<image :src="imgfixUrls + 'fabu.png'" mode=""></image>
				<view class="flex-box menu-name f-28 col-3">
					我的发布
					<view class="iconfont icon-right" style="float: right;font-size: 24upx;">
						
					</view>
				</view>
				
			</view>
		</view>
		<view class="indexBtn" @click="goIndex">
			返回首页
		</view>
		<phoneNavBar :checked="'个人中心'" :page="'hitch'"></phoneNavBar>
	</view>
</template>

<script>
	import App from '@/common/js/app.js';
	import phoneNavBar from '@/components/template/phoneNavBar';
	export default{
		data(){
			return{
				userInfo:{},
				payclose:0
			}
		},
		components:{
			phoneNavBar
		},
		onLoad() {
			this.payclose = uni.getStorageSync('payclose');
			this.userInfo = uni.getStorageSync('userinfo');
		},
		methods:{
			goList(flag){
				App.navigationTo({
					url: `pages/subPages2/hitchRide/hitchList/hitchList?flag=${flag}`
				});
			},
			goIndex(){
				App.navigationTo({
					url: "pages/mainPages/index/index"
				});
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.personalCenter{
		height: 100vh;
		background-color: #FFFFFF;
		.user-title{
			display: flex;
			padding: 40upx 30upx;
			image{
				width: 120upx;
				height: 120upx;
				border-radius: 50%;
			}
			.user-name{
				padding-left: 40upx;
				font-weight: 700;
				line-height: 120upx;
				font-size: 42upx;
				color: #333333;
			}
		}
		.segmentation{
			height: 20upx;
			background-color: #F8F8F8;
		}
		.menuList{
			.menu-item{
				display: flex;
				padding: 0upx 30upx;
				image{
					margin-top: 40upx;
					width: 40upx;
					height: 40upx;
				}
				.menu-name{
					line-height: 40upx;
					padding: 40upx 0;
					padding-left: 20upx;
					border-bottom: 1upx solid #EEEEEE;
				}
			}
		}
		.indexBtn{
			width: 690upx;
			height: 80upx;
			font-size: 28upx;
			border-radius: 20upx;
			background-color: #F8F8F8;
			color: #999999;
			line-height: 80upx;
			text-align: center;
			position: absolute;
			left: 30upx;
			bottom: 240upx;
		}
	}
</style>
