feat: update button example

pages/component/button/button.uvue

@@ -43,13 +43,14 @@
         :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"
-        :style="default_style ? 'color: #cccccc': ''">{{text}}</button>
+        :style="default_style ? 'color:#ffffff;backgroundColor:#1AAD19;borderColor:#1AAD19;': ''"
+        :hover-class="default_style ? 'is-hover': 'button-hover'">{{text}}</button>
     </view>
 
     <view class="content">
       <boolean-data :defaultValue="false" title="按钮是否镂空，背景色透明" @change="change_plain_boolean"></boolean-data>
       <boolean-data :defaultValue="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>
-      <boolean-data :defaultValue="false" title="是否设置文字颜色" @change="change_default_style"></boolean-data>
+      <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>
     </view>
@@ -72,4 +73,10 @@
     height: 200rpx;
     border: 1px solid #666;
   }
+
+  .is-hover {
+    color: rgba(255, 255, 255, 0.6);
+    background-color: #179b16;
+    border-color: #179b16;
+  }
 </style>
\ No newline at end of file