教师弹框完善

src/components/HomePage/homePage.vue

@@ -78,10 +78,26 @@
       <el-dialog
         title="教师信息"
         :visible.sync="dialogVisible"
-        width="30%"
+        width="45%"
         >
-        <span>这是一段信息</span>
-       
+        <div class="teachbox" style="height:100px">
+          <div class="tearch-img"><img :src="fileBaseUrl+userData.avatar" alt=""></div>
+          <span> {{ teachtext.name }} </span>
+        </div>
+        <div class="teachphoto">
+          <h6>教师职业照</h6>
+          <img src="../../../public/images/Avatarman.png" alt="">
+        </div>
+        <div class="teachphoto">
+           <h6>教师经历</h6>
+            英语教研组在学校领导的关怀指导下,开学初制定了务实的工作计划。我们认真按照开学初制定的计划开展教研活动,较好地完成了本学期工作任务。
+        </div>
+        <div class="teachphoto">
+          <h6>擅长课程</h6>
+          <div>
+
+          </div>
+        </div>
       </el-dialog>
     </div>
   </template>
@@ -226,6 +242,38 @@
   </script>
 
 <style lang="scss" scoped>
+  .teachphoto{
+    margin-top: 20px;
+    h6{
+      margin: 0;
+      font-size: 18px;
+      color: #000;
+      padding-bottom: 20px;
+    }
+    img{
+      width: 200px;
+      height: 200px;
+    }
+  }
+  .teachbox{
+    span{
+      line-height: 60px;
+      margin-left: 10px;
+      font-size: 24px;
+      font-weight: 500;
+      color: #000;
+    }
+  }
+  .tearch-img{
+    float: left;
+    width: 80px;
+    height: 80px;
+    img{
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
   .level{
     float: left;
     width: 57px;