feat:新增讨论发表页面

src/views/discuss/DiscussUpload.vue

@@ -0,0 +1,131 @@
+<template>
+    <div class="uploadworkpage">
+      <div class="inputcontainer">
+        <div class="inputt">
+            <div class="i_title">
+                <input type="text" id="input_title" placeholder="请输入标题"></div>
+          <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/discuss/images.png" />
+            <img src="../../assets/image/discuss/pre.png" />
+            <img src="../../assets/image/discuss/next.png" />
+            <img src="../../assets/image/discuss/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%;
+      }
+      .i_title{
+        margin-left: 16.5px;
+        width: 90%;
+        border-bottom: 1px solid #f1f2f3;
+        margin-bottom: 5px;
+        ::-webkit-input-placeholder{
+                font-size: 16px;
+                font-weight: 500;
+                color: #04243C;
+            }
+        :-ms-input-placeholder{
+            font-size: 16px;
+            color: #04243C;
+        }
+        #input_title{
+            width: 100%;
+            height: 100%;
+            margin: 18.5px auto 21px 0px;
+            border: none;
+            outline: none;
+        }
+      }
+      ::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;
+          img{
+            width: 20px;
+            height: 19px;
+            background-size: 100% 100%;
+          }
+        }
+      }
+    }
+  }
+  </style>