diff --git a/pages/component/button/button.uvue b/pages/component/button/button.uvue
index 8e9e346ae0a865a8895a8813cecf2aa059668446..11e682f3ba01f32aa376e0fe481533bade498013 100644
--- a/pages/component/button/button.uvue
+++ b/pages/component/button/button.uvue
@@ -54,7 +54,8 @@
       :type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click"
       @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'">
+      :class="default_style ? (disabled_boolean ? 'custom-btn-disable' : 'custom-btn') : ''"
+      :hover-class="default_style ? 'is-hover' : 'button-hover'">
       {{ text }}
     </button>
   </view>
@@ -92,6 +93,12 @@
     border-color: #1AAD19;
   }
 
+  .custom-btn-disable {
+    color: rgba(255, 255, 255, 0.7);
+    background-color: rgba(26, 173, 25, 0.7);
+    border-color: rgba(26, 173, 25, 0.7);
+  }
+
   .is-hover {
     color: rgba(255, 255, 255, 0.6);
     background-color: #179b16;