添加 hover-class="none"的示例与disabled 样式更改示例

pages/component/button/buttonstatus.uvue

@@ -36,7 +36,9 @@
 </script>
 
 <template>
+ <scroll-view direction="vertical" style="flex:1">
   <view class="main">
+
       <!--type-->
       <view class="container">
         <button style="margin: 10px;" :disabled="disabled_boolean" :size="size_enum[size_enum_current].name"
@@ -136,9 +138,15 @@
       </view>
       <view class="content">
         <button style="margin: 10px;" type="primary" size="default" :disabled="disabled_boolean">uni-app x</button>
-          <button style="margin: 10px;" type="primary" @tap="change_disabled_boolean(!disabled_boolean)">修改disabled为{{!disabled_boolean}}</button>
+        <button style="margin: 10px;" type="primary"
+          @tap="change_disabled_boolean(!disabled_boolean)">修改disabled为{{!disabled_boolean}}</button>
+      </view>
+      <view class="content">
+        <button style="margin: 10px;" type="primary" size="default" :disabled="disabled_boolean" hover-class="none">hover-class none</button>
       </view>
+
   </view>
+</scroll-view>
 </template>
 
 <style>