diff --git a/src/pages/teachers/index.vue b/src/pages/teachers/index.vue
index 8c20fa9..6284b26 100644
--- a/src/pages/teachers/index.vue
+++ b/src/pages/teachers/index.vue
@@ -1,9 +1,12 @@
 <script setup lang="ts">
 import _teachers from '~/assets/jsons/teachers.json'
+import type { Teacher } from '~/common/interfaces/Teacher'
 
-// import type { Teacher } from '~/common/interfaces/Teacher'
+const teachers = _teachers as Teachers
 
-// const teachers = _teachers as Teacher[]
+interface Teachers {
+  [key: string]: Teacher[]
+}
 </script>
 
 <template>
@@ -11,16 +14,16 @@ import _teachers from '~/assets/jsons/teachers.json'
     <h1>在19预科2班任教的老师</h1>
 
     <v-list lines="three">
-      <v-list-item v-for="item, index in Object.keys(_teachers)" :key="index" :title="item">
-        <v-expansion-panels>
+      <v-list-item v-for="item in Object.keys(_teachers)" :key="item" :title="item">
+        <v-expansion-panels multiple variant="popout">
           <v-expansion-panel
-            title="Title"
-            text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima"
+            v-for="teacher in teachers[item]"
+            :key="teacher.name"
+            :title="teacher.name"
+            :text="teacher.description"
           />
         </v-expansion-panels>
       </v-list-item>
     </v-list>
   </article>
 </template>
-
-<style scoped></style>