54 lines
1022 B
Vue
54 lines
1022 B
Vue
<script>
|
|
import Basic from './basic';
|
|
import Static from './static';
|
|
import OnClick from './onClick';
|
|
|
|
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}/>
|
|
<Basic/>
|
|
<Static/>
|
|
<OnClick />
|
|
<api>
|
|
<CN slot='cn' />
|
|
<US/>
|
|
</api>
|
|
</div>
|
|
);
|
|
},
|
|
};
|
|
</script>
|
|
<style>
|
|
#components-anchor-demo .ant-affix {
|
|
z-index: 11;
|
|
}
|
|
</style>
|