<template>
	<view class="home_container">
		<SearchHead />
		<view class="content_box">
			<Banner />
			<BallNav />
			<u-notice-bar :text="text"></u-notice-bar>
			<HotVnue />
			<BookingNavlist />
		</view>
	</view>
</template>

<script>
	import SearchHead from './components/searchHead.vue'
	import Banner from './components/banner.vue'
	import BallNav from './components/ballNav.vue'
	import HotVnue from './components/hotvenue.vue'
	import BookingNavlist from './components/bookingNavlist.vue'
	import { getSportList } from '@/api/sport.js'
	export default {
		components: { SearchHead, Banner, BallNav, HotVnue, BookingNavlist },
		data() {
			return {
				text: '用户45553发起了琅东羽毛球场约球...'
			};
		},
		async onLoad() {
			// const res = await getSportList({pageNum: 1, pageSize: 10})
			// console.log(res)
		}
	}
</script>

<style lang="scss">
.home_container{
	background-color: #f6f6f6;
	min-height: calc(100vh - 88rpx);
	padding-bottom: 60rpx;
	.content_box{
		padding: 0 30rpx;
	}
}
</style>