<template>
  <div :style="styles"   data-slot-name='default' >
    <p class="baseInfo-P">
      {{getLabel}}
      <!----></p>
    <slot></slot>
  </div>
</template>

<script>
import { editSetting } from './property';
export default {
    editSetting,
    name: editSetting.key,
    level: editSetting.level,
    computed:{
        getLabel(){
            return this.property.headerTitle;
        }
    },
    data () {
        return {
            property:{
                headerTitle : '标题',
            },
            styles: {
                minWidth: '100px',
                minHeight: '200px',
                width:'90%',
                marginRight: '50px',
                border: '1px solid #ccc',
                margin: '10px auto',
                padding: 'auto'
            },
            level: editSetting.level,
        };
    },
    mounted () {
    }
};
</script>

<style scoped>
  .baseInfo-P {
    padding-left: 18px;
    font-size: 15px;
    color: #4A89DC;
    background: #ececec;
  }
</style>
