<template>
  <div class="app-container operStatisticsPage">
    <!-- 站点主题start -->
    <div class="grid-content">
      <el-tabs
        v-model="activeName"
        type="card"
        @tab-click="handleClick"
      >
        <el-tab-pane label="基本信息" name="first">
         
        </el-tab-pane>
        <el-tab-pane label="监控设备" name="second">
         
        </el-tab-pane>
        <el-tab-pane label="变量列表" name="third">
          
        </el-tab-pane>
        <el-tab-pane label="摄像头" name="five">
        
        </el-tab-pane>
        <el-tab-pane label="电能质量评分配置" name="six">
      
        </el-tab-pane>
      </el-tabs>

    
    </div>
    <!-- 站点主题end -->
  </div>
</template>
<script>
export default {
  components: {
 
  },
  data() {
    return {
      activeName:'first'
    }
  },
  watch: {
   
  },

  methods: {
   

   

   
  },
}
</script>

<style lang="scss">
// tab重置样式
.el-tabs--card > .el-tabs__header .el-tabs__item {
  line-height: 50px;
  height: 50px;
  font-size: 16px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom: 2px solid #409eff;
  color: #409eff;
}
.el-tabs--card .el-tabs__header:hover,
.el-tabs__item:hover {
  color: #409eff !important;
}
.el-tabs__header {
  margin-bottom: 0;
}
.el-tabs--card > .el-tabs__header .el-tabs__item,
.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: none;
}
</style>