diff --git a/src/pages/action/modal/index.js b/src/pages/action/modal/index.js
index 4d0f2fb5a..d81533263 100644
--- a/src/pages/action/modal/index.js
+++ b/src/pages/action/modal/index.js
@@ -14,7 +14,7 @@ import './index.scss'
 
 export default class ModalPage extends Taro.Component {
   config = {
-    navigationBarTitleText: 'Modal Page'
+    navigationBarTitleText: 'Taro UI'
   }
 
   constructor () {
diff --git a/src/pages/action/progress/index.js b/src/pages/action/progress/index.js
index 80f4360b8..5caea280c 100644
--- a/src/pages/action/progress/index.js
+++ b/src/pages/action/progress/index.js
@@ -11,7 +11,7 @@ const OFFSET = 15
 
 export default class ProgressPage extends Taro.Component {
   config = {
-    navigationBarTitleText: 'Progress Page'
+    navigationBarTitleText: 'Taro UI'
   }
 
   constructor () {
@@ -46,7 +46,7 @@ export default class ProgressPage extends Taro.Component {
     return (
       <View className='page'>
         {/* S Header */}
-        <DocsHeader title='进度条'></DocsHeader>
+        <DocsHeader title='Progress 进度条'></DocsHeader>
         {/* E Header */}
 
         {/* S Body */}
diff --git a/src/pages/action/toast/index.js b/src/pages/action/toast/index.js
index d60f96152..6799fbc25 100644
--- a/src/pages/action/toast/index.js
+++ b/src/pages/action/toast/index.js
@@ -17,7 +17,7 @@ const INIT_STATE = {
 
 export default class ToastPage extends Component {
   config = {
-    navigationBarTitleText: 'Toast Page'
+    navigationBarTitleText: 'Taro UI'
   }
 
   constructor () {
diff --git a/src/pages/basic/button/index.js b/src/pages/basic/button/index.js
index 9867a9720..59f3e4f1c 100644
--- a/src/pages/basic/button/index.js
+++ b/src/pages/basic/button/index.js
@@ -21,7 +21,7 @@ export default class ButtonPage extends Taro.Component {
     return (
       <View className='page'>
         {/* S Header */}
-        <DocsHeader title='按钮'></DocsHeader>
+        <DocsHeader title='Button 按钮'></DocsHeader>
         {/* E Header */}
 
         {/* S Body */}
@@ -31,19 +31,19 @@ export default class ButtonPage extends Taro.Component {
             <View className='panel__title'>主操作</View>
             <View className='panel__content'>
               <View className='btn-item'>
-                <AtButton type='primary' onClick={this.onButtonClick.bind(this)}>主操作按钮</AtButton>
+                <AtButton type='primary'>主操作按钮</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='primary' loading onClick={this.onButtonClick.bind(this)}>带loading</AtButton>
+                <AtButton type='primary' loading>带loading</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='primary' icon='activity' onClick={this.onButtonClick.bind(this)}>带icon</AtButton>
+                <AtButton type='primary' icon='activity'>带icon</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='primary' active onClick={this.onButtonClick.bind(this)}>点击态</AtButton>
+                <AtButton type='primary' active>点击态</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='primary' disabled onClick={this.onButtonClick.bind(this)}>不可操作</AtButton>
+                <AtButton type='primary' disabled>不可操作</AtButton>
               </View>
             </View>
           </View>
@@ -53,16 +53,16 @@ export default class ButtonPage extends Taro.Component {
             <View className='panel__title'>次要操作</View>
             <View className='panel__content'>
               <View className='btn-item'>
-                <AtButton type='secondary' onClick={this.onButtonClick.bind(this)}>次操作按钮</AtButton>
+                <AtButton type='secondary'>次操作按钮</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='secondary' icon='activity' onClick={this.onButtonClick.bind(this)}>带icon</AtButton>
+                <AtButton type='secondary' icon='activity'>带icon</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='secondary' active onClick={this.onButtonClick.bind(this)}>点击态</AtButton>
+                <AtButton type='secondary' active>点击态</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton type='secondary' disabled onClick={this.onButtonClick.bind(this)}>不可操作</AtButton>
+                <AtButton type='secondary' disabled>不可操作</AtButton>
               </View>
             </View>
           </View>
@@ -72,16 +72,16 @@ export default class ButtonPage extends Taro.Component {
             <View className='panel__title'>次次要操作</View>
             <View className='panel__content'>
               <View className='btn-item'>
-                <AtButton onClick={this.onButtonClick.bind(this)}>次次要操作按钮</AtButton>
+                <AtButton>次次要操作按钮</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton icon='activity' onClick={this.onButtonClick.bind(this)}>带icon</AtButton>
+                <AtButton icon='activity'>带icon</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton active onClick={this.onButtonClick.bind(this)}>点击态</AtButton>
+                <AtButton active>点击态</AtButton>
               </View>
               <View className='btn-item'>
-                <AtButton disabled onClick={this.onButtonClick.bind(this)}>不可操作</AtButton>
+                <AtButton disabled>不可操作</AtButton>
               </View>
             </View>
           </View>
@@ -92,46 +92,46 @@ export default class ButtonPage extends Taro.Component {
             <View className='panel__content'>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small'>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small'>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small'>按钮</AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' loading onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton type='primary' size='small' loading></AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' loading onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton type='secondary' size='small' loading></AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' loading onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton size='small' loading></AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' active onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small' active>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' active onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small' active>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' active onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small' active>按钮</AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' disabled onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small' disabled>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' disabled onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small' disabled>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' disabled onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small' disabled>按钮</AtButton>
                 </View>
               </View>
             </View>
@@ -143,46 +143,46 @@ export default class ButtonPage extends Taro.Component {
             <View className='panel__content'>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small' circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small' circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small' circle>按钮</AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' loading circle onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton type='primary' size='small' loading circle></AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' loading circle onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton type='secondary' size='small' loading circle></AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' loading circle onClick={this.onButtonClick.bind(this)}></AtButton>
+                  <AtButton size='small' loading circle></AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' active circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small' active circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' active circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small' active circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' active circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small' active circle>按钮</AtButton>
                 </View>
               </View>
               <View className='btn-item'>
                 <View className='subitem'>
-                  <AtButton type='primary' size='small' disabled circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='primary' size='small' disabled circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton type='secondary' size='small' disabled circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton type='secondary' size='small' disabled circle>按钮</AtButton>
                 </View>
                 <View className='subitem'>
-                  <AtButton size='small' disabled circle onClick={this.onButtonClick.bind(this)}>按钮</AtButton>
+                  <AtButton size='small' disabled circle>按钮</AtButton>
                 </View>
               </View>
             </View>
diff --git a/src/pages/basic/color/index.js b/src/pages/basic/color/index.js
index fd7412bc0..94b324eaf 100644
--- a/src/pages/basic/color/index.js
+++ b/src/pages/basic/color/index.js
@@ -125,7 +125,7 @@ export default class BasicColor extends Taro.Component {
     return (
       <View className='page'>
         {/* S Header */}
-        <DocsHeader title='颜色'></DocsHeader>
+        <DocsHeader title='Color 颜色'></DocsHeader>
         {/* E Header */}
 
         {/* S Body */}
diff --git a/src/pages/basic/typo/index.js b/src/pages/basic/typo/index.js
index f7336ac64..7c0c8b6de 100644
--- a/src/pages/basic/typo/index.js
+++ b/src/pages/basic/typo/index.js
@@ -14,13 +14,13 @@ export default class BasicTypo extends Taro.Component {
     return (
       <View className='page'>
         {/* S Header */}
-        <DocsHeader title='字体'></DocsHeader>
+        <DocsHeader title='Typography 字体'></DocsHeader>
         {/* E Header */}
 
         {/* S Body */}
         <View className='doc-body'>
           <View className='panel'>
-            <View className='panel__title'>Typography</View>
+            <View className='panel__title'>示例</View>
             <View className='panel__content'>
               <View className='table-typo'>
                 <View className='table-typo__head'>