<template>
	<view class="user-like" v-if="loading">
		<nav-bar title="我的点赞" @init="onInitNavbar"></nav-bar>
		<u-scroll-view>
			<view class="user-like-tabs-wrapper">
				<view class="user-like-tabs">
					<u-tabs :active.sync="tabActive" :tabs="tabs" @change="tabChange"/>
				</view>
			</view>
			<view class="main-container">
				<view class="user-like-list">
					<template v-for="(item, index) in likeList">
						<template v-if="tabActive === 'exhibitor'">
							<exhibitor-item :item="item" :footer-hidden="true" :key="index" />
						</template>
						<template v-else>
							<exhibit-item :item="item" :footer-hidden="true" :key="index" />
						</template>
					</template>
				</view>
			</view>
		</u-scroll-view>
	</view>
</template>

<script>
	import NavBar from '@/components/layout/nav-bar'
	import UTabs from '@/components/common/u-tabs'
	import UScrollView from '@/components/common/u-scroll-view'
	import ExhibitItem from '@/pages/exhibitor/components/exhibit-item.vue'
	import ExhibitorItem from '@/pages/exhibitor/components/exhibitor-item.vue'

	export default {
		options: {
			styleIsolation: 'shared'
		},
		components: {
			NavBar,
			UTabs,
			UScrollView,
			ExhibitItem,
			ExhibitorItem
		},
		computed: {
		},
		data() {
			return {
        loading: false,
				tabActive: 'exhibitor',
				tabs: [{
					label: '展商',
					value: 'exhibitor'
				}, {
					label: '展品',
					value: 'exhibit'
				}],
				likeList: [{}, {}, {}, {}, {}, {}],
			}
		},
		created() {
			this.checkAuth('/pages/user/like')
			this.loadFontFace('Poppins')
		},
		onShow() {
		},
		methods: {
			tabChange() {

			}
		}
	}
</script>

<style lang="scss">
	@import "@/static/style/pages/user-like.scss";
</style>
