<template>
  <div class="i-layout-page-header">
    <div class="ivu-page-header">
      <div class="ivu-page-header-detail">
        <div class="ivu-page-header-main">
          <div class="ivu-page-header-row">
            <div class="ivu-page-header-title"><slot name="title">{{ title }}</slot></div>
          </div>

          <div class="ivu-page-header-row">
            <slot name="content">{{ content }}</slot>
          </div>

        </div>
      </div>
    </div>
  </div>
</template>


<script>
    export default {
        name: "iPageHeader",
        computed: {},
        props:{
            title :{
                type: String,
                default: ''
            },
            content:{
                type: String,
                default: ''
            }
        },
        data() {
            return {}
        },

        created() {

        },
        methods: {}
    }
</script>
<style scoped>
  .i-layout-page-header { margin: -24px -24px 0;}
  .ivu-page-header {padding: 16px 32px 0 32px;background: #fff;border-bottom: 1px solid #e8eaec;}
  .ivu-page-header-main,.ivu-page-header-row {width: 100%;}
  .ivu-page-header-action, .ivu-page-header-extra, .ivu-page-header-main {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;}
  .ivu-page-header-title {
    display: inline-block;
    color: #17233d;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 16px;
  }
</style>
