<template>
  <div class="box"
  :style="'padding:' + padding + 'px;background:' + background + ';' + custom">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "QdmBox",
  props: {
    padding: {
      type: Number,
      default: 12
    },
    background: {
      type: String,
      default: '#fff'
    },
    custom: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="less" scoped>
.box {
  box-shadow: 0px 1px 4px 0px rgba(0,0,0,.1);
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  &::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
  }
}
</style>