diff --git a/site/components/header.vue b/site/components/header.vue
index 833436693..3dfce0533 100644
--- a/site/components/header.vue
+++ b/site/components/header.vue
@@ -3,7 +3,6 @@ import { isZhCN } from '../util'
 import _ from 'lodash'
 export default {
   props: {
-    num: Number,
     name: String,
     searchData: Array,
   },
diff --git a/site/components/layout.vue b/site/components/layout.vue
index 8602e2684..293906841 100644
--- a/site/components/layout.vue
+++ b/site/components/layout.vue
@@ -150,7 +150,7 @@ export default {
     }
     return (
       <div class='page-wrapper'>
-        <Header num={Object.keys(AllDemo).length} searchData={searchData} name={name}/>
+        <Header searchData={searchData} name={name}/>
         <a-locale-provider locale={locale}>
           <div class='main-wrapper'>
             <a-row>
@@ -162,7 +162,7 @@ export default {
                   inlineIndent={40}
                   mode='inline'>
                   {this.getDocsMenu(isCN)}
-                  <a-sub-menu title='Components' key='Components'>
+                  <a-sub-menu title={`Components(${searchData.length})`} key='Components'>
                     {MenuGroup}
                   </a-sub-menu>
                 </a-menu>