<template>
  <app-container>
    <el-tabs tab-position="left" class="user-dept-scroll">
      <el-tab-pane>
        <span slot="label"><i class="el-icon-s-platform" />PC端</span>
        <pc-config />
      </el-tab-pane>
      <el-tab-pane>
        <span slot="label"><i class="el-icon-mobile-phone" />APP端</span>
        <app-config />
      </el-tab-pane>
    </el-tabs>
  </app-container>
</template>

<script>
import appConfig from './components/appConfig'
import pcConfig from './components/pcConfig'
export default {
  name: 'ViewsConfig',
  components: { appConfig, pcConfig }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .user-dept-scroll{
    width: 100%;
    height: calc(100vh - 160px);
  }
</style>