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

src/views/lecturer/LecturerList.vue

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