<template>
  <div class="developer-container">
    <el-card>
      <el-tabs v-model="activeName">
        <el-tab-pane label="Demo1" name="feature">
          <ComponentCard></ComponentCard>
        </el-tab-pane>

        <el-tab-pane label="Demo2表单（弃用）" name="section">
          <Section></Section>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script setup>
import { ref } from "vue";
import ComponentCard from "./components/ComponentCard.vue";
import Section from "./components/Section.vue";

const activeName = ref("feature");
</script>

<style lang="scss" scoped>
.developer-container {
  margin: 20px 0 0 0;
  .user-card {
    margin-right: 20px;
  }
}
</style>
