<template>
  <div class="ant-tabs-tabpane">
    <a-tabs default-active-key="1" @change="callback">
      <a-tab-pane key="1" tab="Tab 1">
        <a-form :layout="formLayout">
          <a-form-item name="experimentName" label=" 实 验 名 称 ">
            <a-input placeholder="input placeholder" />
          </a-form-item>
          <a-form-item
            label="Field A"
            :label-col="formItemLayout.labelCol"
            :wrapper-col="formItemLayout.wrapperCol"
          >
            <a-input placeholder="input placeholder" />
          </a-form-item>
          <a-form-item
            label=" Field B"
            :label-col="formItemLayout.labelCol"
            :wrapper-col="formItemLayout.wrapperCol"
          >
            <a-input placeholder="input placeholder" />
          </a-form-item>
          <a-form-item
            label="Field C"
            :label-col="formItemLayout.labelCol"
            :wrapper-col="formItemLayout.wrapperCol"
          >
            <a-input placeholder="input placeholder" />
          </a-form-item>
          <a-form-item
            label="Field D"
            :label-col="formItemLayout.labelCol"
            :wrapper-col="formItemLayout.wrapperCol"
          >
            <a-input placeholder="input placeholder" />
          </a-form-item>
          <a-form-item :wrapper-col="buttonItemLayout.wrapperCol">
            <a-button type="primary"> 保存 </a-button>
          </a-form-item>
        </a-form>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
// import { Tabs } from "antd";
// import classNames from "classnames";
export default {};
</script>
<style>
.ant-tabs-tabpane {
  background: #fff;
  padding: 5px;
}
.ant-tabs-tab {
  flex: 1 0 50px;
  padding: 7px 16px;
  display: flex;
  justify-content: center;
}
</style>