mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
ee62f8a82d
naive-ui/demo/documentation/components/anchor/zhCN/ignore-gap.demo.md
07akioni b68168f238 site: make all demo to kebab cases
2020-09-03 23:40:38 +08:00

1.2 KiB
Raw Blame History

忽略间隔

<div style="height:200px">
  <n-row :gutter="12">
    <n-col :span="6">
      <div></div>
    </n-col>
    <n-col :span="6">
      <div></div>
    </n-col>
    <n-col :span="6">
      <div style="width:160px;float:right;">
        <n-anchor  affix :offset-top="24" :top="88" style="z-index: 1;" ignore-gap>
          <n-anchor-link title="演示" href="#演示">
            <n-anchor-link title="忽略间隔" href="#ignore-gap"/>
            <n-anchor-link title="固定" href="#affix"/>
            <n-anchor-link title="滚动到" href="#scrollto"/>
          </n-anchor-link>
          <n-anchor-link title="Props" href="#Props" />
        </n-anchor>
      </div>
    </n-col>
    <n-col :span="6">
      <div style="width:160px;float:right;">
        <n-anchor  affix :offset-top="24" :top="88" style="z-index: 1;">
        <n-anchor-link title="演示" href="#演示">
            <n-anchor-link title="忽略间隔" href="#ignore-gap"/>
            <n-anchor-link title="固定" href="#affix"/>
            <n-anchor-link title="滚动到" href="#scrollto"/>
          </n-anchor-link>
          <n-anchor-link title="Props" href="#Props" />
        </n-anchor>
      </div>
    </n-col>
  </n-row>
</div>