diff --git a/element-vue/src/components/teacher/navBar.vue b/element-vue/src/components/teacher/navBar.vue
new file mode 100644
index 0000000..2cd6ed0
--- /dev/null
+++ b/element-vue/src/components/teacher/navBar.vue
@@ -0,0 +1,43 @@
+<template>
+    <div>
+        <el-menu
+                :default-active="activeIndex"
+                class="el-menu-demo nav"
+                mode="horizontal"
+                @select="handleSelect"
+                background-color="#1989fa"
+                text-color="#ffffff"
+                active-text-color="#ffd04b">
+            <el-menu-item index="1" route="index">首页</el-menu-item>
+            <el-submenu index="2">
+                <template slot="title">实验室申请</template>
+                <el-menu-item index="2-1" route="book">申请实验室</el-menu-item>
+                <el-menu-item index="2-2" route="myBooking">我的申请记录</el-menu-item>
+            </el-submenu>
+            <el-menu-item index="3" route="course">课程管理</el-menu-item>
+            <el-menu-item index="4" route="schedule">我的课表</el-menu-item>
+            <el-menu-item index="5" route="personal">个人中心</el-menu-item>
+        </el-menu>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                activeIndex: '1'
+            };
+        },
+        methods: {
+            handleSelect(key, keyPath) {
+                console.log(key, keyPath);
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .nav{
+        width: 100%;
+    }
+</style>