62 lines
1.3 KiB
Vue
62 lines
1.3 KiB
Vue
|
<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>
|