From dffccd3fd670e8d980328dabd7f1be9ce54754cf Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Tue, 6 May 2025 20:11:09 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20FTButton=E5=A2=9E=E5=8A=A0size?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/FTButton/index.vue | 44 ++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/components/common/FTButton/index.vue b/src/components/common/FTButton/index.vue
index bba3182..caef6cb 100644
--- a/src/components/common/FTButton/index.vue
+++ b/src/components/common/FTButton/index.vue
@@ -1,23 +1,20 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-const props = defineProps({
-  type: {
-    type: String,
-    default: 'default',
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  loading: { // 添加 loading 属性
-    type: Boolean,
-    default: false,
-  },
-  clickHandle: {
-    type: Function,
-    required: false,
-  },
+interface FTButton {
+  type?: 'default' | 'primary' | 'info'
+  size?: 'small' | 'default' | 'large'
+  disabled?: boolean
+  loading?: boolean
+  clickHandle?: () => any
+}
+
+const props = withDefaults(defineProps<FTButton>(), {
+  type: 'default',
+  size: 'default',
+  disabled: false,
+  loading: false,
+  clickHandle: () => {},
 })
 
 const isLoading = ref(false)
@@ -50,6 +47,7 @@ defineExpose({
     <div
       class="my-button" :class="{
         [`my-button-${type}`]: true,
+        [`my-button-${size}`]: true,
         'button-disabled': disabled || isLoading, // 添加 loading 判断
       }"
     >
@@ -98,6 +96,18 @@ defineExpose({
 .button-disabled {
   opacity: 0.5;
 }
+.my-button-small {
+  height: 25px;
+  font-size: 12px;
+  padding: 3px 15px;
+  .el-icon {
+    position: absolute;
+    left: 3px;
+    svg {
+      width: 25px;
+    }
+  }
+}
 .my-button-default {
   background: #fff;
   color: $primary-color;