From 55bc3ae6af2ffe451884cc562b5525a2f099930e Mon Sep 17 00:00:00 2001
From: treecat <treecat@fanruan.com>
Date: Fri, 17 Jun 2022 13:53:57 +0800
Subject: [PATCH] =?UTF-8?q?DESIGN-4069=20feat:=20=E7=BB=99=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=A2=9E=E5=8A=A0=E4=B8=80=E7=BB=84=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo/js/base/button/demo.button.js | 61 ++++++++++++++++++++++++++++++
 src/less/core/utils/list-item.less | 24 ++++++++++++
 2 files changed, 85 insertions(+)

diff --git a/demo/js/base/button/demo.button.js b/demo/js/base/button/demo.button.js
index 6098389e7..6ddd6c203 100644
--- a/demo/js/base/button/demo.button.js
+++ b/demo/js/base/button/demo.button.js
@@ -309,6 +309,67 @@ Demo.Button = BI.inherit(BI.Widget, {
                 cls: "hover-mask",
                 light: true
             }
+        }, {
+            el: {
+                type: "bi.button",
+                width: 24,
+                height: 24,
+                clear: true,
+                level: "error",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                width: 24,
+                height: 24,
+                clear: true,
+                level: "warning",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                width: 24,
+                height: 24,
+                clear: true,
+                level: "common",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                width: 24,
+                height: 24,
+                clear: true,
+                level: "ignore",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                width: 24,
+                height: 24,
+                clear: true,
+                level: "success",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
+        }, {
+            el: {
+                type: "bi.button",
+                height: 24,
+                width: 200,
+                clear: true,
+                text: "拥有悬浮效果的文字按钮",
+                level: "success",
+                iconCls: "search-font",
+                cls: "bi-list-item-select4"
+            }
         }];
         // BI.each(items, function (i, item) {
         //     item.el.handler = function () {
diff --git a/src/less/core/utils/list-item.less b/src/less/core/utils/list-item.less
index c084ac275..785084c41 100644
--- a/src/less/core/utils/list-item.less
+++ b/src/less/core/utils/list-item.less
@@ -383,6 +383,30 @@
   }
 }
 
+.bi-list-item-select4 {
+  &:hover {
+    .background-color(@color-black, 4%);
+  }
+
+  &.active {
+    .background-color(@color-black, 8%);
+  }
+
+  &.bi-button.button-error.clear,
+  &.bi-button.button-warning.clear,
+  &.bi-button.button-common.clear,
+  &.bi-button.button-success.clear,
+  &.bi-button.button-ignore.clear {
+    &:hover {
+      .background-color(@color-black, 4%);
+    }
+
+    &.active {
+      .background-color(@color-black, 8%);
+    }
+  }
+}
+
 // hover的时候背景变化
 // active的时候背景高亮
 .bi-list-item-select {