dvcp_v2_wxcp_app/src/project/fd/AppAnswer/answerAdd.vue

<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>

<script>
export default {
  name: "answerAdd",
  appName: "进行回答",
  data() {
    return {
      value: '',
      form: {
        url: []
      }
    }
  },
  methods: {

  },
  onShow() {},
}
</script>

<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>