ant-design-vue/components/back-top/demo/index.vue

42 lines
969 B
Vue
Raw Normal View History

2018-03-05 11:05:23 +00:00
<script>
2019-01-12 03:33:27 +00:00
import Basic from './basic';
import Custom from './custom';
import CN from '../index.zh-CN.md';
import US from '../index.en-US.md';
2018-03-05 11:05:23 +00:00
const md = {
cn: `# BackTop 回到顶部
返回页面顶部的操作按钮
## 何时使用
- 当页面内容区域比较长时
- 当用户需要频繁返回顶部查看相关内容时
## 代码演示`,
us: `# BackTop
\`BackTop\` makes it easy to go back to the top of the page.
## When To Use
- When the page content is very long.
- When you need to go back to the top very frequently in order to view the contents.
2018-03-20 13:48:01 +00:00
## Examples
2018-03-05 11:05:23 +00:00
`,
2019-01-12 03:33:27 +00:00
};
2018-03-05 11:05:23 +00:00
export default {
2018-03-20 13:48:01 +00:00
category: 'Components',
type: 'Other',
zhType: '其他',
2018-03-20 13:48:01 +00:00
subtitle: '回到顶部',
title: 'BackTop',
2018-03-05 11:05:23 +00:00
render () {
return (
<div>
<md cn={md.cn} us={md.us}/>
<Basic />
<Custom />
<api>
<CN slot='cn' />
<US/>
</api>
</div>
2019-01-12 03:33:27 +00:00
);
2018-03-05 11:05:23 +00:00
},
2019-01-12 03:33:27 +00:00
};
2018-03-05 11:05:23 +00:00
</script>