<template>
  <div class="create-header">
    <ul>
      <li
        v-for="i in headList"
        :key="i.key"
      >
        <router-link :to="i.key"> {{i.label}} </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data () {
    return {
      headList: [
        { label: "表单示例", key: 'index' },
        // { label: "输入框", key: 'input' },
        // { label: "下拉框", key: 'select' },
        // { label: "单选框", key: 'radio' },
        // { label: "多选框", key: 'checkbox' },
        // { label: "层级下拉框", key: 'cascader' },
        // { label: "开关", key: 'switch' },
        // { label: "时间控件", key: 'time' },
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.create-header {
  margin-top: 10px;
  ul {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    padding-left: 0;
    li {
      font-size: 20px;
    }
  }
}
</style>
