vue文本输入框（textarea）

源码：

<template>
  <div>
    <headers title="新建记录"></headers>
    <div class="text-area">
      <textarea placeholder="请输入记录评语...">

      </textarea>
    </div>
  </div>
</template>

<script>
  import headers from '../components/headers.vue'
  import MuContainer from "muse-ui/src/Grid/Container";
  export default{
    name: "assignPointsDirectly",
    data(){
      return {}
    },
    components: {
      MuContainer,
      headers
    }
  }
</script>

<style scoped>
  /*文本域*/
  .text-area{
    width: 100%;
    border-top:1px solid gainsboro;
    border-bottom:1px solid gainsboro;

  }
  .text-area textarea {
    width: 100%;
    margin: 0.75rem  0;
    border: none;
    outline: none;
    padding-left: 1.125rem;
    height: 6.5rem ;
  }

  .text-area textarea::-webkit-input-placeholder {
    color: #9E9E9E;

  }

</style>

效果：