You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/antdv-demo/docs/anchor/demo/index.vue

62 lines
1.3 KiB

<script>
import Basic from './basic';
import Static from './static';
import OnClick from './onClick';
import CustomizeHighlight from './customizeHighlight';
import OnChange from './onChange';
import TargetOffset from './targetOffset';
import CN from '../index.zh-CN.md';
import US from '../index.en-US.md';
const md = {
cn: `# Anchor 锚点
用于跳转到页面指定位置。
## 何时使用
需要展现当前页面上可供跳转的锚点链接,以及快速在锚点之间跳转。
## 代码演示`,
us: `# Anchor
Hyperlinks to scroll on one page.
## When To Use
For displaying anchor hyperlinks on page and jumping between them.
## Examples
`,
};
export default {
category: 'Components',
subtitle: '锚点',
cols: 2,
type: 'Other',
zhType: '其他',
title: 'Anchor',
render() {
return (
<div id="components-anchor-demo">
<md cn={md.cn} us={md.us} />
<demo-sort>
<Basic />
<Static />
<OnClick />
<CustomizeHighlight />
<OnChange />
<TargetOffset />
</demo-sort>
<api>
<CN slot="cn" />
<US />
</api>
</div>
);
},
};
</script>
<style>
#components-anchor-demo .ant-affix {
z-index: 11;
}
</style>