From 186b11a1df4761284bcb70606ff5e7b392cf2201 Mon Sep 17 00:00:00 2001
From: bob <312777916@qq.com>
Date: Mon, 11 Nov 2024 16:39:59 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/AddButton.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/common/AddButton.vue b/src/components/common/AddButton.vue
index 6b0bd4b..b1af2cc 100644
--- a/src/components/common/AddButton.vue
+++ b/src/components/common/AddButton.vue
@@ -1,16 +1,24 @@
 <script setup>
+import { computed } from 'vue'
 import { Plus } from '@element-plus/icons-vue'
 const props = defineProps(['size'])
+
+// 实际大小要减去border的宽度
+const actualSize = computed(() => {
+  return `${props.size - 1}px`
+})
 </script>
 
 <template>
-  <div class="circle" :style="{ width: props.size + 'px', height: props.size + 'px' }">
+  <div class="circle">
     <el-icon :size="18"><Plus /></el-icon>
   </div>
 </template>
 
 <style lang="scss" scoped>
 .circle {
+  width: v-bind('actualSize');
+  height: v-bind('actualSize');
   border: solid 1px;
   border-radius: 50%;
   display: flex;