feat: 课程讲师增加详细介绍

src/modules/course/learn/components/CourseTeacher.vue

 <template>
   <div class="teacher">
     <div class="teacher-item" v-for="item in data" :key="item.id">
-      <img :src="item.lecturer_avatar" class="teacher-item-pic" />
-      <div class="teacher-item-content">
-        <p class="t1">{{ item.lecturer_name }}</p>
-        <p class="t2">{{ item.lecturer_education }}</p>
-        <p class="t2">{{ item.lecturer_title }}</p>
+      <div class="teacher-item-inner">
+        <img :src="item.lecturer_avatar" class="teacher-item-pic" />
+        <div class="teacher-item-content">
+          <p class="t1">{{ item.lecturer_name }}</p>
+          <p class="t2">{{ item.lecturer_education }}</p>
+          <p class="t2">{{ item.lecturer_title }}</p>
+        </div>
       </div>
+      <div class="teacher-item-html" v-html="item.lecturer_summarize"></div>
     </div>
   </div>
 </template>
@@ -21,9 +24,11 @@ export default {
 
 <style lang="scss" scoped>
 .teacher-item {
-  display: flex;
   margin-bottom: 10px;
 }
+.teacher-item-inner {
+  display: flex;
+}
 .teacher-item-pic {
   width: 90px;
   height: 110px;
@@ -41,4 +46,11 @@ export default {
     color: #707070;
   }
 }
+.teacher-item-html {
+  padding: 10px 0;
+  line-height: 24px;
+  ::v-deep p + p {
+    margin-top: 10px;
+  }
+}
 </style>