补充hoverclass默认样式

pages/component/button/button.uvue

@@ -35,14 +35,14 @@
         uni.navigateTo({
           url: 'buttonstatus',
         })
-      },
-      //用于自动化测试
-      checkUniButtonElement(): boolean {
-        const button = uni.getElementById("testButton")
-        if(button != null && button instanceof UniButtonElement) {
-          return true
-        }
-        return false
+      },
+      //用于自动化测试
+      checkUniButtonElement() : boolean {
+        const button = uni.getElementById("testButton")
+        if (button != null && button instanceof UniButtonElement) {
+          return true
+        }
+        return false
       }
     }
   }
@@ -65,7 +65,7 @@
       <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>
@@ -97,4 +97,9 @@
     background-color: #179b16;
     border-color: #179b16;
   }
+
+  .button-hover {
+    color: rgba(0, 0, 0, 0.6);
+    background-color: #dedede;
+  }
 </style>

pages/component/button/buttonstatus.uvue

@@ -180,7 +180,16 @@
 
   .container {
     width: 100%;
-    height: 60px;
-    /* background-color: orange; */
-  }
+    height: 60px;
+  }
+  .is-hover {
+    color: rgba(255, 255, 255, 0.6);
+    background-color: #179b16;
+    border-color: #179b16;
+  }
+
+  .button-hover {
+    color: rgba(0, 0, 0, 0.6);
+    background-color: #dedede;
+  }
 </style>