<template>
<!-- :style="left:xxx?'176px':''" -->
  <div class="page" :style="{left:this.$store.state.app.sidebar.opened?'176px':'54px'}">
    <div class="page-container">
      <div class="title">
        <slot name="Header-Content"></slot>
      </div>
      <p class="line"></p>
      <div class="form">
        <slot name="Form-Content"></slot>
      </div>
      <div class="Footer" v-if="showFooter">
        <slot name="Footer-Content"></slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'AddPageLayout',
  data () {
    return {};
  },
  mounted () { },
  computed: {},
  props: {
   showFooter:{
     type:Boolean,
     default:true
   }
  }
};
</script>


