<template>  
    <view class="page-wrapper">
		<view class="topBar" ref="top" :style="{ height: navHeight + 'px' }"></view>
		<!-- 个人中心 -->
		 <view class="personInfo">
		 	<view class="header">个人中心</view>
		 	<view class="body">
				<view class="userInfo">
					<image src="https://cdn.uviewui.com/uview/album/1.jpg" mode=""></image>
					<view>
						<p>AA(＾－＾)V</p>
						<text>ID：80098</text>
					</view>
				</view>
		 		<view>
					<p>262</p>
					<text>kk会员</text>
				</view>
		 		<view>
					<p>20</p>
					<text>积分</text>
				</view>
				<i class='iconfont icon-Setup' style="margin-top: -40rpx;"></i>
		 	</view>
		 </view>
		 
		 <!-- 最近浏览 -->
		 <view class="recentBrowser">
		 	<view class="header">最近浏览</view>
		 	<view class="tab">
				<u-tabs :list="list1" @click="click"></u-tabs>
			</view>
		 	<view class="cateWrapper">
				<cate-list></cate-list>
			</view>
		 </view>
		 
		 <view class="myCollect">
		 	<view class="header">我的收藏</view>
		 	<view class="tab">
				<u-tabs :list="list1" @click="click"></u-tabs>
			</view>
		 	<view class="cateWrapper">
				<cate-list></cate-list>
			</view>
		 </view>
		 
		 <view class="questionCenter">
		 	<view class="header">问题中心</view>
		 </view>
		 <view class="aboutMe">
		 	<view class="header">关于我们</view>
		 </view>
		 <view class="service">
		 	<view class="header">客服服务</view>
		 </view>
		 <view class="feedback">
		 	<view class="header">意见反馈</view>
		 </view>
    </view>  
</template>  
<script>  
	import cateList from '@/components/cate-list.vue';
	import { customTabar } from "@/common/js/mixins.js";
    import {  
        mapState 
    } from 'vuex';  
	let startY = 0, moveY = 0, pageAtTop = true;
    export default {
		mixins: [customTabar],
		components: {
			cateList
		},
		data(){
			return {
				coverTransform: 'translateY(0px)',
				coverTransition: '0s',
				moving: false,
				list1: [{
					name: '全部',
				}, {
					name: '测绘',
				}, {
					name: '通风'
				}, {
					name: '采矿'
				}, {
					name: '爆破'
				}]
			}
		},
		onLoad(){
		},
		// #ifndef MP
		onNavigationBarButtonTap(e) {
			const index = e.index;
			if (index === 0) {
				this.navTo('/pages/set/set');
			}else if(index === 1){
				// #ifdef APP-PLUS
				const pages = getCurrentPages();
				const page = pages[pages.length - 1];
				const currentWebview = page.$getAppWebview();
				currentWebview.hideTitleNViewButtonRedDot({
					index
				});
				// #endif
				uni.navigateTo({
					url: '/pages/notice/notice'
				})
			}
		},
		// #endif
        computed: {
			...mapState(['hasLogin','userInfo'])
		},
        methods: {
			click(){
				
			}
        }  
    }  
</script>  
<style lang='scss'>
	.page-wrapper{
		padding-top: 44rpx;
		background-color: #f8f8f8;
	}
	.topBar{
		@include topBar();
	}
	.cateWrapper{
		background-color: #fff;
	}
	.personInfo, .recentBrowser, .myCollect, .questionCenter, .aboutMe,.service,.feedback{
		margin-top: 30rpx;
		.header{
			padding: 0 20rpx;
			font-weight: bold;
		}
	}
	.recentBrowser{
		margin-top: 20rpx;
		
		    
	}
	::v-deep .cate-section{
		background-color: #fff !important;
	}
	
	::v-deep .u-tabs__wrapper__nav__item__text.data-v-48634e29 {
	    color: #928f8f !important;
	}
	
	.personInfo{
		height: 200rpx;
		
		background-color: #fff;
		.body{
			display: flex;
			margin-top: 50rpx;
			padding: 0px 20rpx;
			justify-content: space-between;
			align-items: center;
			font-size: 24rpx;
			p{
				font-weight: bold;
			}
			text{
				color: darkgray;
			}
			.userInfo{
				display: flex;
				flex: 0.66;
				align-items: center;
				justify-content: flex-start;
				font-size: 32rpx;
				image{
					width: 100rpx;
					height: 100rpx;
				    margin-right: 24rpx;
					border-radius: 50%;
				}
			}
		}
		
	}
	
</style>