回答

src/project/fd/AppAnswer/answerAdd.vue

@@ -1,6 +1,18 @@
 <template>
   <div class="answerAdd">
-    
+    <div class="input_box">
+      <u-input v-model="value" type="textarea" height="580" maxlength="10000"
+      :clearable="false" placeholder="请输入回答内容" :auto-height="true" placeholder-style="color: '#AAAAAA';font-size: 16px" />
+    </div>
+
+    <div class="upload">
+      <h4>图片上传<span>(最多9张)</span></h4>
+      <AiUploader :def.sync="form.url" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
+    </div>
+
+    <div class="submitBtn">
+      <div class="btn">提交</div>
+    </div>
   </div>
 </template>
 
@@ -10,7 +22,10 @@ export default {
   appName: "进行回答",
   data() {
     return {
-
+      value: '',
+      form: {
+        url: []
+      }
     }
   },
   methods: {
@@ -22,6 +37,52 @@ export default {
 
 <style lang="scss" scoped>
 .answerAdd {
+  padding: 32px 32px 130px 32px;
+  box-sizing: border-box;
 
+  .input_box,
+  .upload {
+    width: 100%;
+    background: #FFF;
+    border-radius: 32px;
+    padding: 16px;
+    box-sizing: border-box;
+  }
+
+  .upload {
+    margin-top: 24px;
+    h4 {
+      font-weight: 400;
+      font-size: 32px;
+      color: #666666;
+      margin-bottom: 24px;
+      span {
+        color: #999999;
+        font-size: 28px;
+      }
+    }
+  }
+
+  .submitBtn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    background: #F3F5F9;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    z-index: 9;
+    .btn {
+      background: #3975C6;
+      width: 100%;
+      border-radius: 44px;
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      color: #FFFFFF;
+      font-size: 34px;
+    }
+  }
 }
 </style>