<template>

  <div class="formTitle" style="position: relative;">
    {{getLabel}}
  </div>
</template>

<script>
    import {editSetting} from './property';
    export default {
        // props: {
        //     text: {
        //         type: String,
        //         default: 'Button Text'
        //     },
        //     type: String,
        //     styles: Object
        // },
        computed:{
            getLabel(){
                return this.property.book;
            }
        },

        data () {
            return {
                property:{
                    title : '标题',
                },
                text: 'input',
                type: 'input',
                level: editSetting.level
            };
        },
        editSetting,
        name: editSetting.key,
        level: editSetting.level
    };
</script>

<style scoped>
  .formDiv{
    display:inline-block;

  }
  .inputStyle{
    height:40px;
    width:200px;
    margin:10px;
  }

  .formTitle {
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    padding-left: 10px;
    border-left: 4px solid #4A89DC;
    margin-bottom: 10px;
    color: #4A89DC;
  }
</style>
