update site

examples/components/demo.vue

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

examples/components/header.vue

@@ -1,5 +1,8 @@
 <script>
 export default {
+  props: {
+    num: Number,
+  },
   data () {
     return {
     }
@@ -18,10 +21,14 @@ export default {
       <header id='header'>
         <a-row>
           <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 xxl={20} xl={19} lg={19} md={18} sm={0} xs={0}>
             <div id='search-box'>
+              进度：{this.num} / 52
             </div>
             <a-button ghost size='small' onClick={this.handleClick} class='header-lang-button' key='lang-button'>
               {lang === 'cn' ? 'English' : '中文'}

examples/routes.js

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