<template>
  <div class="demo-anchor-static">
    <ui-anchor
      :links="links"
      :affix="false"></ui-anchor>
  </div>
</template>

<script>
import { Anchor } from "amumu-ui"
export default {
  components: {
    "ui-anchor": Anchor,
  },
  data() {
    return {
      links: [
        {
          href: "anchor-锚点",
          title: "anchor-锚点",
        },
        {
          href: "基本使用",
          title: "基本使用",
          children: [
            {
              href: "props1",
              title: "props1",
            },
            {
              href: "slots1",
              title: "slots1",
            },
          ],
        },
        {
          href: "props",
          title: "props",
        },
        {
          href: "slots",
          title: "slots",
        },
        {
          href: "methods",
          title: "methods",
        },
      ],
    }
  },
}
</script>
<style lang="scss">
.demo-anchor-basic {
  display: flex;
  justify-content: flex-end;
}
</style>
