future
41 lines
867 B
Vue
41 lines
867 B
Vue
<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> |