新增讲师 ，讲师样式修改。

src/views/lecturer/LecturerList.vue

@@ -1,54 +1,55 @@
 <!-- 讲师列表 -->
 <template>
-    <div class="LecturerList">
-      <div style="margin: 20px;margin-top:0;" >
+  <div class="LecturerList">
+    <div style="margin: 20px;margin-top:0;">
       <a-tabs v-model:activeKey="activeKey">
-    <a-tab-pane key="1" tab="内部讲师">
-<InsideLecturer/>
-       </a-tab-pane>
-    <a-tab-pane key="2" tab="外部讲师">
-    <ExternalLecturer/>
-       </a-tab-pane>
-  </a-tabs>
+        <a-tab-pane key="1" tab="内部讲师">
+          <InsideLecturer />
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="外部讲师">
+          <ExternalLecturer />
+        </a-tab-pane>
+      </a-tabs>
     </div>
-          </div>
-  </template>
-  <script lang="jsx">
-  import { reactive, toRefs, ref, watch,onMounted,nextTick } from "vue";
-  import InsideLecturer from "../lecturer/InsideLecturer.vue"
-  import ExternalLecturer from "../lecturer/ExternalLecturer.vue"
-  import { useRoute } from 'vue-router'
-  import { useStore } from 'vuex'
-   export default {
-    name: "LecturerList",
-    components: {
-      InsideLecturer,
-      ExternalLecturer
-    },
-    setup() {
-      const route = useRoute()
-      const store = useStore()
-      const state = reactive({
-        activeKey:'1'
-      })
-      watch(
-      )
-      onMounted(() => {
-        if(route.query.activeKey){
-          state.activeKey = route.query.activeKey
-        }
-      })
-     return {
-        ...toRefs(state),
+  </div>
+</template>
+<script lang="jsx">
+import { reactive, toRefs, ref, watch, onMounted, nextTick } from "vue";
+import InsideLecturer from "../lecturer/InsideLecturer.vue"
+import ExternalLecturer from "../lecturer/ExternalLecturer.vue"
+import { useRoute } from 'vue-router'
+import { useStore } from 'vuex'
+export default {
+  name: "LecturerList",
+  components: {
+    InsideLecturer,
+    ExternalLecturer
+  },
+  setup() {
+    const route = useRoute()
+    const store = useStore()
+    const state = reactive({
+      activeKey: '1'
+    })
+    watch(
+    )
+    onMounted(() => {
+      if (route.query.activeKey) {
+        state.activeKey = route.query.activeKey
       }
-    },
-  };
-  </script>
-  <style lang="scss" scoped>
-  ::v-deep .ant-tabs-tab{
-    font-weight: 600;
-  }
-  .LecturerList {
+    })
+    return {
+      ...toRefs(state),
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .ant-tabs-tab {
+  font-weight: 600;
+}
+
+.LecturerList {
   width: 100%;
   height: 100%;
   display: flex;
@@ -320,5 +321,4 @@
     }
   }
 }
-</style>
-    
+</style>