style:修改上传作业和讨论法表页面

src/views/homeworkpage/UploadWork.vue

@@ -1,18 +1,24 @@
 <template>
-  <div class="uploadworkpage">
+  <div
+    class="uploadworkpage"
+    :style="{
+      height: screenHeight - 73.5 + 'px',
+    }"
+  >
     <div class="inputcontainer">
       <div class="inputt">
         <el-input
           type="textarea"
           placeholder="请输入正文"
           v-model="textarea"
-          rows="35"
+          autosize
         ></el-input>
       </div>
-      <div class="linecon">
-        <div class="line"></div>
-      </div>
+
       <div class="imgcon">
+        <div class="linecon">
+          <div class="line"></div>
+        </div>
         <div class="allimg">
           <img src="../../assets/image/homeworkpage/link.png" />
           <img src="../../assets/image/homeworkpage/pre.png" />
@@ -33,6 +39,7 @@ export default {
     const state = reactive({
       text: "",
       textarea: "",
+      screenHeight: document.body.clientHeight, // 屏幕高度
     });
     return {
       ...toRefs(state),
@@ -50,7 +57,8 @@ clearfix:after {
 }
 .uploadworkpage {
   width: 100%;
-  height: 100%;
+  background-color: #fff;
+  // margin-top: 73.5px;
   .inputcontainer {
     margin-top: 20px;
     background-color: #fff;
@@ -58,9 +66,14 @@ clearfix:after {
     // height: 100px;
     // display: flex;
     // justify-content: center;
-    height: 80%;
+    // height: 80%;
+    height: 100%;
     .inputt {
       width: 100%;
+      height: calc(100% - 79px);
+      // height: 100px;
+      // padding-bottom: 79px;
+      overflow-y: scroll;
     }
     ::v-deep .el-textarea__inner {
       resize: none;
@@ -87,24 +100,29 @@ clearfix:after {
       border: none;
       border: 0 !important;
     }
-    .linecon {
-      margin-top: 10px;
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      .line {
-        width: 90%;
-        height: 0;
-        border-top: 1px solid #f1f2f3;
-      }
-    }
-    .imgcon {
-      margin-top: 24.5px;
 
+    .imgcon {
       width: 100%;
       display: flex;
+      flex-direction: column;
+      align-items: center;
       justify-content: center;
+      position: fixed;
+      bottom: 0;
+      background-color: #fff;
+      .linecon {
+        margin-top: 10px;
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        .line {
+          width: 90%;
+          height: 0;
+          border-top: 1px solid #f1f2f3;
+        }
+      }
       .allimg {
+        margin-top: 24.5px;
         width: 70%;
         display: flex;
         justify-content: space-between;