chore: update

src/components/layout/TreeItem.vue

@@ -30,7 +30,7 @@ function toggleVisible(event: Event) {
   <li class="tree-item" :class="{ 'is-active': isActive }">
     <div class="cell" :class="{ bold: isFolder }" @click.capture="toggleVisible">
       <div class="cell-title">
-        <router-link :to="item.path">{{ item.name }}</router-link>
+        <a :href="item.path">{{ item.name }}</a>
       </div>
       <div class="cell-icon" v-if="isFolder">
         <i class="el-icon-arrow-up" v-if="isOpen"></i>

src/modules/home/components/Brand.vue

+<script setup></script>
+
+<template>
+  <section class="section">
+    <div class="section-title"><h2>合作机构</h2></div>
+  </section>
+</template>
+
+<style lang="scss" scoped>
+.section {
+  position: relative;
+  max-width: 1200px;
+  margin: 0 auto;
+  margin-top: 80px;
+  margin-bottom: -45px;
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+}
+</style>

src/modules/home/components/Course.vue

+<script setup></script>
+
+<template>
+  <section class="section">
+    <div class="section-title"><h2>定制专属类课程</h2></div>
+  </section>
+</template>
+
+<style lang="scss" scoped>
+.section {
+  position: relative;
+  max-width: 1200px;
+  margin: 0 auto;
+  margin-top: 80px;
+}
+</style>

src/modules/home/components/Teacher.vue

+<script setup></script>
+
+<template>
+  <section class="section" id="teacher">
+    <div class="section-title"><h2>师资团队</h2></div>
+  </section>
+</template>
+
+<style lang="scss" scoped>
+.section {
+  position: relative;
+  max-width: 1200px;
+  margin: 0 auto;
+  margin-top: 80px;
+  --section-title-color: #fff;
+  --section-title-dot-bgcolor: #fff;
+}
+</style>

src/modules/home/views/Index.vue

 <script setup lang="ts">
 import Banner from '../components/Banner.vue'
+import Teacher from '../components/Teacher.vue'
+import Course from '../components/Course.vue'
+import Brand from '../components/Brand.vue'
 </script>
 
 <template>
   <Banner></Banner>
+  <Teacher></Teacher>
+  <Course></Course>
+  <Brand></Brand>
 </template>
+
+<style lang="scss">
+.section {
+  --section-title-color: #333;
+  --section-title-dot-bgcolor: #aa1941;
+}
+.section-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 30px 0;
+  h2 {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32px;
+    font-weight: 500;
+    line-height: 1;
+    color: var(--section-title-color);
+    &::after {
+      display: inline-block;
+      content: '';
+      width: 6px;
+      height: 6px;
+      margin: 0 12px;
+      background-color: var(--section-title-dot-bgcolor);
+    }
+    &::before {
+      display: inline-block;
+      content: '';
+      width: 6px;
+      height: 6px;
+      margin: 0 12px;
+      background-color: var(--section-title-dot-bgcolor);
+    }
+  }
+}
+</style>