7天教你打造企业微课制作

assets/scss/cus-client/cus-client-page.scss

@@ -1743,12 +1743,12 @@
       .px-teacher-box{
         margin: 32px 0;
         .teacher-img-box{
-          padding: 0 16px;box-sizing: border-box;
+          width: 80px;padding: 0;box-sizing: border-box;flex-shrink: 0;
           img{width: 80px;display: inline-block;vertical-align: middle;}
         }
-        .teacher-content-box{display: block;}
-        span{display: inline-block;font-size: 18px;margin-left: 16px;}
-        p{font-size: 14px;line-height: 24px;margin: 12px 10px;text-align: justify;}
+        .teacher-content-box{display: flex;justify-content: space-between;}
+        span{font-size: 16px;margin: 10px 0;}
+        p{font-size: 14px;line-height: 24px;margin: 10px 12px;text-align: justify;}
         .btn-big-box{margin-top: 32px;}
       }
 

pages/makeCourse.vue

@@ -93,7 +93,7 @@
     <div class="px-teacher-box">
         <div class="client-container">
           <h3 class="make-course-title course-blue-title">培训讲师介绍</h3>
-          <div class="teacher-content-box">
+          <div class="teacher-content-box fn-clear">
             <div class="teacher-img-box"><img :src="pxTeacherImg"><span>诺雪</span></div>
             <p>栋科软件数字内容事业部部长，艺术设计专业，企业微课高级导师。13年企业在线课程及微课制作经验；先后为数十家国内大型企业担任课程规划 咨询顾问。长期从事在线课程研发及企业人才培养工作，具备完善的在线课程制作培训管理理论体系和培训实战管理经验。</p>
           </div>