github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

update site

pull/9/head
tangjinzhou 2018-03-21 13:52:06 +08:00
parent e8c47ee5c5
commit 59503a064e
3 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
examples/components/demo.vue
View File

@ -45,29 +45,31 @@ export default {
locale = enUS locale = enUS
} }
return ( return (
<a-locale-provider locale={locale}> <div class='page-wrapper'>
<div class='site'> <Header num={Object.keys(AllDemo).length}/>
<Header /> <a-locale-provider locale={locale}>
<a-row> <div class='main-wrapper'>
<a-col xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}> <a-row>
<a-menu <a-col xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}>
class='aside-container menu-site' <a-menu
selectedKeys={[name]} class='aside-container menu-site'
defaultOpenKeys={['Components']} selectedKeys={[name]}
mode='inline'> defaultOpenKeys={['Components']}
<a-sub-menu title='Components' key='Components'> mode='inline'>
{MenuGroup} <a-sub-menu title='Components' key='Components'>
</a-sub-menu> {MenuGroup}
</a-menu> </a-sub-menu>
</a-col> </a-menu>
<a-col xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}> </a-col>
<div class='content main-container'> <a-col xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}>
{Demo ? <Demo key={lang}/> : '正在紧急开发中...'} <div class='content main-container'>
</div> {Demo ? <Demo key={lang}/> : '正在紧急开发中...'}
</a-col> </div>
</a-row> </a-col>
</div> </a-row>
</a-locale-provider> </div>
</a-locale-provider>
</div>
) )
}, },
} }

9
examples/components/header.vue
View File

@ -1,5 +1,8 @@
<script> <script>
export default { export default {
props: {
num: Number,
},
data () { data () {
return { return {
} }
@ -18,10 +21,14 @@ export default {
<header id='header'> <header id='header'>
<a-row> <a-row>
<a-col xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}> <a-col xxl={4} xl={5} lg={5} md={6} sm={24} xs={24}>
Logo <router-link to={{ path: `/${lang}` }} id='logo'>
LOGO
<span> VUE-ANTD</span>
</router-link>
</a-col> </a-col>
<a-col xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}> <a-col xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}>
<div id='search-box'> <div id='search-box'>
进度：{this.num} / 52
</div> </div>
<a-button ghost size='small' onClick={this.handleClick} class='header-lang-button' key='lang-button'> <a-button ghost size='small' onClick={this.handleClick} class='header-lang-button' key='lang-button'>
{lang === 'cn' ? 'English' : '中文'} {lang === 'cn' ? 'English' : '中文'}

2
examples/routes.js
View File

@ -9,5 +9,5 @@ const AsyncComp = () => {
export default [ export default [
{ path: '/:lang?/components/:name/:demo?/:other?', component: Demo }, { path: '/:lang?/components/:name/:demo?/:other?', component: Demo },
{ path: '/:lang?/test/:name/:demo?', component: AsyncComp }, { path: '/:lang?/test/:name/:demo?', component: AsyncComp },
{ path: '/*', redirect: '/cn/components/select' }, { path: '/*', redirect: '/us/components/button' },
] ]