学习问答

src/project/fd/AppAnswer/Add.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="add">
+    <textarea placeholder="请输入回答内容" :maxlength="500"></textarea>
+
+    <div class="answer-btn">
+      <div>提问</div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    appName: '提问',
+
+    data () {
+      return {
+
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .add {
+    padding-top: 32px;
+
+    textarea {
+      width: 718px;
+      height: 640px;
+      margin: 0 auto;
+      padding: 32px 16px;
+      font-size: 32px;
+      color: #333;
+      border-radius: 32px;
+      background: #fff;
+      box-sizing: border-box;
+    }
+
+    .answer-btn {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      z-index: 11;
+      width: 100%;
+      padding: 16px 32px;
+      text-align: center;
+      box-sizing: border-box;
+      background: #F3F5F9;
+
+      div {
+        height: 88px;
+        line-height: 88px;
+        background: #3975C6;
+        border-radius: 44px;
+        font-size: 34px;
+        color: #FFFFFF;
+      }
+    }
+  }
+</style>