diff --git a/src/views/index/components/academy_and_sciences.vue b/src/views/index/components/academy_and_sciences.vue
new file mode 100644
index 0000000..2ef00cb
--- /dev/null
+++ b/src/views/index/components/academy_and_sciences.vue
@@ -0,0 +1,15 @@
+<template>
+<div>
+  科学 学术
+</div>
+</template>
+
+<script>
+export default {
+  name: "academy_and_sciences"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/index/components/announcements.vue b/src/views/index/components/announcements.vue
new file mode 100644
index 0000000..8fce121
--- /dev/null
+++ b/src/views/index/components/announcements.vue
@@ -0,0 +1,15 @@
+<template>
+<div>
+  通知公告
+</div>
+</template>
+
+<script>
+export default {
+  name: "announcements"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/index/components/carousel.vue b/src/views/index/components/carousel.vue
new file mode 100644
index 0000000..e3b7725
--- /dev/null
+++ b/src/views/index/components/carousel.vue
@@ -0,0 +1,15 @@
+<template>
+  <div style="width: 1000px; height: 1000px; background-color:red; font-size: 100px; color: white">
+    轮播
+  </div>
+</template>
+
+<script>
+export default {
+  name: "shuffling"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/index/components/undergraduate_and_graduate.vue b/src/views/index/components/undergraduate_and_graduate.vue
new file mode 100644
index 0000000..8af2380
--- /dev/null
+++ b/src/views/index/components/undergraduate_and_graduate.vue
@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: "undergraduate_and_graduate"
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index ad8f7a3..2040f3f 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -1,5 +1,10 @@
 <template>
   <div>
+    <el-row>
+      <el-col>
+        <Carousel/>
+      </el-col>
+    </el-row>
     <el-row>
       <el-col class="interval">
         <NewsCenter/>
@@ -30,6 +35,7 @@
 
 <script>
 import NewsCenter from './components/news_center'
+import Carousel from './components/carousel'
 import PartyBuildingActivities from './components/party_building_activities.vue'
 import ResearchTrends from './components/scientific_research_trends.vue'
 import SlideshowCard from './components/slideshow_card.vue'
@@ -46,7 +52,8 @@ export default {
     ResearchTrends,
     SlideshowCard,
     TeachingStudent,
-    Bottom
+    Bottom,
+    Carousel
   },
   data() {
     return {