diff --git a/pages/component/button/button.uvue b/pages/component/button/button.uvue
index 607864e757e1fcbc8d005247d5fa23db95329b75..ec3646c90e1e2d439c7d1a1d69d5ff9e141598c3 100644
--- a/pages/component/button/button.uvue
+++ b/pages/component/button/button.uvue
@@ -57,7 +57,8 @@
       <boolean-data :defaultValue="false" title="修改默认样式和点击效果(高优先)" @change="change_default_style"></boolean-data>
       <enum-data :items="size_enum" title="按钮的大小" @change="radio_change_size_enum"></enum-data>
       <enum-data :items="type_enum" title="按钮的类型" @change="radio_change_type_enum"></enum-data>
-      <input-data :defaultValue="text" title="按钮的文案" type="text" @confirm="confirm_text_input"></input-data>
+      <input-data :defaultValue="text" title="按钮的文案" type="text" @confirm="confirm_text_input"></input-data>
+      <view style="height: 10px;"></view>
       <button @click="navigateToChild">更多示例</button>
     </view>
   </scroll-view>
diff --git a/pages/component/button/buttonstatus.uvue b/pages/component/button/buttonstatus.uvue
index 041bf366e50fcf8be6bca3114d10df2f72adde1a..162058aeb55a032e7b97c2bab5a0c2431b8017d6 100644
--- a/pages/component/button/buttonstatus.uvue
+++ b/pages/component/button/buttonstatus.uvue
@@ -44,7 +44,7 @@
         @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchend="button_touchend" @tap="button_tap"
         @longpress="button_longpress" class="btn" :class="default_style ? 'custom-btn' : ''"
         :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        type-default
       </button>
     </view>
     <view class="container">
@@ -53,7 +53,7 @@
         @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchend="button_touchend" @tap="button_tap"
         @longpress="button_longpress" class="btn" :class="default_style ? 'custom-btn' : ''"
         :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        type-primary
       </button>
     </view>
     <view class="container">
@@ -62,7 +62,7 @@
         @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchend="button_touchend" @tap="button_tap"
         @longpress="button_longpress" class="btn" :class="default_style ? 'custom-btn' : ''"
         :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+         type-warn
       </button>
     </view>
     <!--size-->
@@ -72,7 +72,7 @@
         @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
         @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
         :class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        size-default
       </button>
     </view>
     <view class="container">
@@ -81,7 +81,7 @@
         @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
         @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
         :class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        size-mini
       </button>
     </view>
     <!--plain-->
@@ -91,7 +91,7 @@
         @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchend="button_touchend" @tap="button_tap"
         @longpress="button_longpress" class="btn" :class="default_style ? 'custom-btn' : ''"
         :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        plain-true
       </button>
     </view>
     <view class="container">
@@ -100,7 +100,7 @@
         @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchend="button_touchend" @tap="button_tap"
         @longpress="button_longpress" class="btn" :class="default_style ? 'custom-btn' : ''"
         :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        plain-false
       </button>
     </view>
     <!--disable-->
@@ -110,7 +110,7 @@
         @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
         @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
         :class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        disable-false
       </button>
     </view>
     <view class="container">
@@ -119,7 +119,7 @@
         @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
         @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
         :class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'">
-        {{ text }}
+        disable-true
       </button>
     </view>
   </view>