<template>
<view class="editInfo">
	<view class="status_bar"><!-- 这里是状态栏 --></view>
	<u-navbar  height="50" :autoBack="true">
		<view
			class="u-nav-slot"
			slot="left"
		>
			<u-icon
				name="arrow-left"
				size="19"
			></u-icon>
			<view class="title">
				我的浏览
			</view>
		</view>
	</u-navbar>
	<view class="editInfoContent" v-if="list.length>0">
		<view class="lookItem" @click="godetails(item)" v-for="(item,index) in list" :key="index">
			<image :src="item.wxcategory.logo" mode=""></image>
			{{item.wxcategory.name}}
		</view>
	</view>
	<view class="empty" v-else>
		暂无数据
	</view>
	
</view>
</template>

<script>
import {lookRecord} from '@/common/api.js'
export default{
	data(){
		return{
			list:[]
		}
	},
	methods:{
		godetails(item){
			uni.navigateTo({
				// url:'/pages/detail/detail?id='+item.id
				url:'/pages/detail/detail?id='+item.wx_category_id+'&menu_id='+item.wxcategory.wx_menu_id+'&logo='+item.wxcategory.logo
			})
		},
		shareRecord(){
			lookRecord({ custom: { auth: true }}).then(res=>{
				this.list = res.rows
			})
		}
	},
	onLoad(option) {
		this.shareRecord()
	}
}
</script>

<style lang="scss" scoped>
.u-nav-slot{
	display: flex;
	align-items: center;
	.title{
		font-size: 36upx;
		color: #222222;
	}
}
.editInfoContent{
	margin-top:60px;
	.lookItem{
		font-size: 30upx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		padding:29upx 22upx;
		background-color: #ffffff;
		margin-bottom:20upx;
		display: flex;
		align-items: center;
		image{
			width:120upx;
			height:120upx;
			border-radius:50%;
			margin-right:20upx;
		}
	}
}
.empty{
	margin-top:120px;
	text-align: center;
}
</style>