ant-design-vue/components/menu/demo/index.vue

55 lines
1.6 KiB
Vue
Raw Normal View History

2018-01-19 18:01:43 +08:00
<script>
import Horizontal from './horizontal'
import InlineCollapsed from './inline-collapsed'
2018-11-06 10:05:23 +08:00
import Inline from './inline'
2018-01-19 18:01:43 +08:00
import SiderCurrent from './sider-current'
import SwitchMode from './switch-mode'
import Theme from './theme'
import Vertical from './vertical'
import Template from './template'
2018-03-20 21:48:01 +08:00
import CN from '../index.zh-CN.md'
import US from '../index.en-US.md'
const md = {
cn: `# Menu 导航菜单
为页面和功能提供导航的菜单列表
## 何时使用
导航菜单是一个网站的灵魂用户依赖导航在各个页面中进行跳转一般分为顶部导航和侧边导航顶部导航提供全局性的类目和功能侧边导航提供多级结构来收纳和排列网站架构
## 代码演示`,
us: `# Menu
Menu list of Navigation.
## When To Use
Navigation menu is important for a website, it helps users jump from one site section to another quickly. Mostly, it includes top navigation and side navigation. Top navigation provides all the category and functions of the website. Side navigation provides the Multi-level structure of the website.
## Examples`,
}
2018-01-19 18:01:43 +08:00
export default {
2018-03-20 21:48:01 +08:00
category: 'Components',
cols: 1,
type: 'Navigation',
title: 'Menu',
subtitle: '导航菜单',
render () {
return (
<div>
<md cn={md.cn} us={md.us}/>
<Horizontal />
2018-11-06 10:05:23 +08:00
<Inline />
2018-12-15 15:47:44 +08:00
<InlineCollapsed />
2018-03-20 21:48:01 +08:00
<SiderCurrent />
<Vertical />
2018-12-15 15:47:44 +08:00
<Theme />
<SwitchMode />
<Template />
2018-03-20 21:48:01 +08:00
<api>
<CN slot='cn' />
<US/>
</api>
</div>
)
2018-01-19 18:01:43 +08:00
},
}
</script>
2018-03-20 21:48:01 +08:00
<style>
</style>