<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.title;
            }
        },

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

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