<script setup>
import tableList from './index.vue';
import demo from './demo.vue';

</script>

# 锚点 {#anchor}

## 示例
<ClientOnly>
    <demo/>
</ClientOnly>

这里是完整代码

<div class="composition-api" style="font-size:14px;">


```vue

<script setup>
import { KsAnchor, KsAnchorLink } from "@ksconsole/components";
import { Affix } from "@king-design/vue";

</script>

<template>
<div class="flex wrap" id="wrap">
  <div class="map">
    <div id="basic" class="sub flex-center">
      Basic
    </div>
    <div id="line-less" class="sub flex-center">
      LineLess Mode
    </div>
    <div id="affix" class="sub flex-center">
      Affix
    </div>
  </div>
  <div class="right">
    <Affix :top="87">
      <KsAnchor :change-hash="false" scroll-container="#wrap">
        <KsAnchorLink href="#basic">Basic</KsAnchorLink>
        <KsAnchorLink href="#line-less">LineLess Mode</KsAnchorLink>
        <KsAnchorLink href="#affix">
          Affix
        </KsAnchorLink>
      </KsAnchor>
    </Affix>
  </div>
</div>
</template>

```

</div>

<ClientOnly>
    <tableList/>
</ClientOnly>