feat:优化 debug 页

miniprogram/ui/button/button.less

@@ -88,6 +88,49 @@ wx-button:not([size=mini]) {
         }
     }
 
+    &--flat {
+        box-shadow: none !important;
+        border: none;
+        transition: background 0.1s;
+
+        // 覆盖所有颜色变体
+        &.toy-button--primary,
+        &.toy-button--green,
+        &.toy-button--white {
+            box-shadow: none !important;
+            border: none !important;
+
+            &.active {
+                transform: none !important;
+                box-shadow: none !important;
+            }
+        }
+
+        // 特殊处理白色plain模式
+        &.toy-button--white.plain {
+            background: transparent !important;
+            border: none !important;
+            box-shadow: none !important;
+        }
+
+        // 重置active变换
+        &.active {
+            transform: none !important;
+        }
+
+        // 彩色按钮active背景变化
+        &.toy-button--primary.active {
+            background: rgba(255, 215, 25, 0.7);
+        }
+
+        &.toy-button--green.active {
+            background: rgba(147, 211, 51, 0.7);
+        }
+
+        &.toy-button--white.active {
+            background: rgba(255, 255, 255, 0.7);
+        }
+    }
 
 
     .loading-class,

miniprogram/ui/button/button.wxml

@@ -4,7 +4,7 @@
 
 <button
     data-id="test-toy-button-id"
-    class="toy-button toy-button--{{type}} {{Utils.classNames({disabled: disabled, loading: loading, plain: plain })}} custom-class"
+    class="toy-button toy-button--{{type}} {{flat ? 'toy-button--flat' : ''}} {{Utils.classNames({disabled: disabled, loading: loading, plain: plain })}} custom-class"
     data-disabled="{{disabled}}"
     data-loading="{{loading}}"
     style="{{style}};{{width ? 'width:' + width + ';' : ''}};{{height ? 'height:' + height + ';' : ''}}"