作业和弹窗底部

src/App.vue

@@ -106,6 +106,9 @@ input::-webkit-inner-spin-button {
 input[type="number"] {
   -moz-appearance: textfield;
 }
+.el-dialog{
+  margin-bottom: 10vh;
+}
 .el-tabs__item.is-active {
   color: #14928a !important;
   // font-size: 14px;

src/views/teamDetail/componentCourse/studentWork.vue

@@ -1,9 +1,12 @@
 <template>
   <div>
-    <!-- <el-alert :title="msg"
-              type="warning">
-    </el-alert> -->
-    <div class="workTitle">作业内容:  <span>{{content}}</span> </div>
+  <el-alert
+    title="作业内容"
+    type="info"
+    :closable="false"
+    :description="content">
+  </el-alert>
+    <!-- <div class="workTitle">作业内容:  <span>{{content}}</span> </div> -->
     <el-form :inline="true"
              class="workForm"
              style="padding: 0 25px">
@@ -132,7 +135,7 @@
         <div>
             <p class="workContainer">作业回复内容:</p>
         <div class="msgWrap">
-        
+
           <div :class="activeCommit.length>0?'':'flex'">
             <div v-if="activeCommit.length>0"
                  class="msgLi"
@@ -373,7 +376,7 @@ export default {
     }
 
   }
- 
+
 }
  .workTitle {
     padding-left: 25px;
@@ -384,4 +387,4 @@ export default {
   .workContainer {
     margin-bottom:20px ;
   }
-</style>
+</style>