diff --git a/src/assets/image/homeworkpage/delete.png b/src/assets/image/homeworkpage/delete.png
new file mode 100644
index 0000000..f37ac9a
Binary files /dev/null and b/src/assets/image/homeworkpage/delete.png differ
diff --git a/src/assets/image/homeworkpage/link.png b/src/assets/image/homeworkpage/link.png
new file mode 100644
index 0000000..5d44c3a
Binary files /dev/null and b/src/assets/image/homeworkpage/link.png differ
diff --git a/src/assets/image/homeworkpage/next.png b/src/assets/image/homeworkpage/next.png
new file mode 100644
index 0000000..ec1f207
Binary files /dev/null and b/src/assets/image/homeworkpage/next.png differ
diff --git a/src/assets/image/homeworkpage/pre.png b/src/assets/image/homeworkpage/pre.png
new file mode 100644
index 0000000..048d8ae
Binary files /dev/null and b/src/assets/image/homeworkpage/pre.png differ
diff --git a/src/views/homeworkpage/UploadWork.vue b/src/views/homeworkpage/UploadWork.vue
new file mode 100644
index 0000000..9e1107a
--- /dev/null
+++ b/src/views/homeworkpage/UploadWork.vue
@@ -0,0 +1,102 @@
+<template>
+  <div class="uploadworkpage">
+    <div class="inputcontainer">
+      <div class="inputt">
+        <el-input
+          type="textarea"
+          placeholder="请输入正文"
+          v-model="textarea"
+          rows="35"
+        ></el-input>
+      </div>
+      <div class="linecon">
+        <div class="line"></div>
+      </div>
+      <div class="imgcon">
+        <div class="allimg">
+          <img src="../../assets/image/homeworkpage/link.png" />
+          <img src="../../assets/image/homeworkpage/pre.png" />
+          <img src="../../assets/image/homeworkpage/next.png" />
+          <img src="../../assets/image/homeworkpage/delete.png" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "UploadWork",
+  components: {},
+  setup() {
+    const state = reactive({
+      text: "",
+      textarea: "",
+    });
+    return {
+      ...toRefs(state),
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+.clearfix:before,
+clearfix:after {
+  content: " ";
+  display: table;
+  clear: both;
+}
+.uploadworkpage {
+  width: 100%;
+  height: 100%;
+  .inputcontainer {
+    margin-top: 20px;
+    background-color: #fff;
+    width: 100%;
+    // height: 100px;
+    // display: flex;
+    // justify-content: center;
+    height: 80%;
+    .inputt {
+      width: 100%;
+    }
+    ::v-deep .el-textarea__inner {
+      resize: none;
+      border-color: transparent;
+      height: 100%;
+    }
+    ::v-deep .el-textarea:focus {
+      border-color: transparent;
+    }
+    ::v-deep .el-textarea {
+      height: 100%;
+    }
+    .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;
+
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      .allimg {
+        width: 70%;
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 24.5px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file