From 84b7104b4ed958314b37da638bb3c38cf6607101 Mon Sep 17 00:00:00 2001
From: yurj26 <1816387074@qq.com>
Date: Sat, 26 Aug 2023 20:18:11 +0800
Subject: [PATCH] feat: update button  example

---
 pages/component/button/button.uvue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/pages/component/button/button.uvue b/pages/component/button/button.uvue
index 7ceb1623..a630008a 100644
--- a/pages/component/button/button.uvue
+++ b/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
-- 
GitLab