<template>
  <el-tabs v-model="curTab">
    <el-tab-pane label="表单效果" name="demo">
      <keep-alive>
        <BasicForm />
      </keep-alive>
    </el-tab-pane>
    <el-tab-pane label="表单代码" name="code">
      <pre v-highlightjs="code">
        <code class="language-html">
        </code>
      </pre>
    </el-tab-pane>
    <el-tab-pane label="API" name="api">
      <MdView url="md/form.md" />
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import BasicForm from "@/demo/BasicForm.vue";
import MdView from "@/views/MdView.vue";
import basicFormCodeHtml from "@/demo/html/basicForm.code.js";

export default {
  name: "Form",
  components: { BasicForm, MdView },
  data() {
    return {
      curTab: "demo",
      code: `${basicFormCodeHtml.code}`
    };
  }
};
</script>