<template>
  <div class="apiInfo">
    <el-tabs style="background:#fff;">
      <el-tab-pane label="API文档">
        <api-doc :data="data"></api-doc>
      </el-tab-pane>
      <el-tab-pane label="接口调试">
        <api-debug :data="data"></api-debug>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import apiDebug from "./apiDebug";
import apiDoc from "./apiDoc";
export default {
  name: "api-info",
  components: {
    apiDebug,
    apiDoc,
  },
  props: {
    data: {
      default() {
        return ;
      },
    },
  },
  data() {
  },
  mounted() {

  },
  methods: {
  },
};
</script>


<style lang='scss'>
.apiInfo {
  .el-button-group .el-button--primary:first-child {
    border-right-color: #409eff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .el-button-group .el-button--primary:last-child {
    border-left-color: #b3d8ff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .CodeMirror {
    border: 1px solid #eee;
    height: 100%;
    overflow: unset;
  }

  .CodeMirror-scroll {
    height: auto;
    overflow-y: auto;
    overflow-x: auto;
  }
}
</style>
<style scoped lang='scss'>
.apiInfo {
  
}
</style>
