<ion-header style="background-color: #F3F4F4;">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>1号牛舍设备详情</ion-title>
  </ion-toolbar>
  <div style="margin-top: 10px;margin-bottom: 10px">
  <span style="font-size: 20px">{{item.online ? '在线' : '离线'}}</span>
  <div class="right">{{item.time | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
  </div>
  <div>
    <v-kanban class="home-bar"></v-kanban>
    <v-kanban class="home-bar"></v-kanban>
    <v-kanban class="home-bar"></v-kanban>
    <v-kanban class="home-bar"></v-kanban>
  </div>
</ion-header>

<ion-content  style="background-color: #F3F4F4;">
  <ion-tabs>
    <!-- Tab bar -->
    <ion-tab-bar slot="top">
      <ion-tab-button tab="fan">
        <ion-label>风机</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="shower">
        <ion-label>喷淋</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="light">
        <ion-label>照明</ion-label>
      </ion-tab-button>
      <ion-tab-button tab="waterchannel">
        <ion-label>水槽</ion-label>
      </ion-tab-button>
      <!--<ion-tab-button tab="settings">-->
        <!--<ion-icon name="settings"></ion-icon>-->
      <!--</ion-tab-button>-->
      <!--<ion-tab-button tab="settings">-->
        <!--<ion-icon name="settings"></ion-icon>-->
      <!--</ion-tab-button>-->
    </ion-tab-bar>
  </ion-tabs>
</ion-content>
