修改

src/components/HomePage/homePage.vue

@@ -78,7 +78,7 @@
       <el-dialog
         title="教师信息"
         :visible.sync="dialogVisible"
-        width="45%"
+        width="42%"
         >
         <div class="teachbox" style="height:100px">
           <div class="tearch-img"><img :src="fileBaseUrl+userData.avatar" alt=""></div>
@@ -92,11 +92,30 @@
            <h6>教师经历</h6>
             英语教研组在学校领导的关怀指导下,开学初制定了务实的工作计划。我们认真按照开学初制定的计划开展教研活动,较好地完成了本学期工作任务。
         </div>
-        <div class="teachphoto">
+        <div class="teachphoto" style="height:70px">
           <h6>擅长课程</h6>
-          <div>
-
+          <div class="teachexcel">
+            通用力
           </div>
+           <div class="teachexcel">
+            产品经理培训
+          </div>
+          <div class="teachexcel">
+            规章制度
+          </div>
+          <div class="teachexcel">
+            职业操守与道德
+          </div>
+        </div>
+        <div class="teachphoto" style="height:70px">
+          <h6>专长</h6>
+          <div class="teachexcel">
+            通用力
+          </div>
+           <div class="teachexcel">
+            产品经理培训
+          </div>
+         
         </div>
       </el-dialog>
     </div>
@@ -242,6 +261,14 @@
   </script>
 
 <style lang="scss" scoped>
+  .teachexcel{
+    padding: 5px 10px;
+    margin-right: 10px;
+    border: 1px solid #588afc;
+    border-radius: 20px;
+    color: #588afc;
+    float: left;
+  }
   .teachphoto{
     margin-top: 20px;
     h6{