<template>
  <iot-layout class="iotLayout" :headerProps="{title}" :bgColor="bgColor" :min-content-height="180">
    <template slot="header-right">right</template>
    <template slot="content">
      content
    </template>
    <template slot="control">
      <div style="height: 200px">control</div>
    </template>
  </iot-layout>
</template>

<script>
import Vue from 'vue'
import {IotLayoutNormal as IotLayout} from '../../packages/IotLayout'

export default Vue.extend({
  components: {
    IotLayout
  },
  data() {
    return {
      title: '标题',
      bgColor: 'blue'
    }
  },
  methods: {
    rightClick () {
      console.log('rightClick')
    }
  }
})
</script>

<style lang="stylus" scoped>
.iotLayout
  margin 0 -15px
</style>
