<template>
<view class="home-page">
    <!-- Banner轮播 -->
    <BannerSwiper />

    <!-- 功能入口 -->
    <QuickEntry />

    <!-- 推荐课程 -->
    <RecommendCourses />

    <!-- 今日推荐 -->
    <TodayRecommend />

    <!-- 底部占位 -->
    <view class="bottom-placeholder"></view>

    <!-- 底部导航 -->
    <TabBar />
  </view>
</template>

<script setup>
import BannerSwiper from '@/components/index/BannerSwiper.vue'
import QuickEntry from '@/components/index/QuickEntry.vue'
import RecommendCourses from '@/components/index/RecommendCourses.vue'
import TodayRecommend from '@/components/index/TodayRecommend.vue'
import TabBar from '@/components/TabBar.vue'
</script>

<style lang="scss" scoped>
.home-page {
  min-height: 100vh;
  background-color: #f0f4f8;
  padding-bottom: 160rpx;
}

.bottom-placeholder {
  height: 40rpx;
}
</style>