From 3ff557c2761a5f90bad1ab62ea414f14d909eec4 Mon Sep 17 00:00:00 2001
From: liuxy0551 <liuxy0551@qq.com>
Date: Tue, 17 Dec 2024 20:39:45 +0800
Subject: [PATCH] fix: #130 input with btn icon

---
 components/input/demo/unit-input.md |  7 +++++++
 theme/dt-theme/default/input.less   | 12 +++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/input/demo/unit-input.md b/components/input/demo/unit-input.md
index fb7956b2..818cc0df 100644
--- a/components/input/demo/unit-input.md
+++ b/components/input/demo/unit-input.md
@@ -15,6 +15,7 @@ unit input example.
 
 ```jsx
 import { Input } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
 
 ReactDOM.render(
   <div>
@@ -24,6 +25,12 @@ ReactDOM.render(
     <div style={{ marginTop: '16px'}}>
         <Input addonBefore="¥" placeholder="小数保留后两位"/>
     </div>
+    <div style={{ marginTop: '16px'}}>
+        <Input addonAfter={<SettingOutlined />} defaultValue="mysite" />
+    </div>
+    <div style={{ marginTop: '16px'}}>
+        <Input addonBefore="http://" suffix=".com" defaultValue="mysite" />
+    </div>
   </div>,
   mountNode
 );
diff --git a/theme/dt-theme/default/input.less b/theme/dt-theme/default/input.less
index dddde558..ede672b8 100644
--- a/theme/dt-theme/default/input.less
+++ b/theme/dt-theme/default/input.less
@@ -76,11 +76,13 @@
     }
 }
 
-.ant-btn-icon-only {
-    width: 32px;
-    background: none;
-    .anticon-search {
-        margin-left: 9px;
+.ant-input-group-addon {
+    .ant-btn-icon-only {
+        width: 32px;
+        background: none;
+        .anticon-search {
+            margin-left: 9px;
+        }
     }
 }