From 8997db2f3069512f640b845c26be46ef9df3b6b8 Mon Sep 17 00:00:00 2001
From: aoshiguchen <1052045476@qq.com>
Date: Sun, 28 Aug 2022 16:58:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9EButtonPopover=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/Button/buttonPopover.vue   | 29 +++++++++++++------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/neutrino-proxy-admin/src/components/Button/buttonPopover.vue b/neutrino-proxy-admin/src/components/Button/buttonPopover.vue
index b6dc2810..ea5e73c7 100644
--- a/neutrino-proxy-admin/src/components/Button/buttonPopover.vue
+++ b/neutrino-proxy-admin/src/components/Button/buttonPopover.vue
@@ -3,12 +3,12 @@
     placement="top"
     :width="width"
     v-model="visible">
-    <p>{{title}}</p>
-    <div style="text-align: right; margin: 0">
-      <el-button size="mini" type="text" @click="handleCancelClick">{{cancelText}}</el-button>
+    <p class="popper-p-css">{{title}}</p>
+    <div style="text-align: center; margin: 0">
+      <el-button size="mini" @click="handleCancelClick">{{cancelText}}</el-button>
       <el-button type="primary" size="mini" @click="handleCommitClick">{{okText}}</el-button>
     </div>
-    <el-button slot="reference">{{buttonText}}</el-button>
+    <el-button slot="reference" :type="type" :size="size">{{buttonText}}</el-button>
   </el-popover>
 </template>
 
@@ -21,14 +21,18 @@ export default {
       type: Number,
       default: 160
     },
-    visible: {
-      type: Boolean,
-      default: false
-    },
     buttonText: {
       type: String,
       default: '删除'
     },
+    type: {
+      type: String,
+      default: 'danger'
+    },
+    size: {
+      type: String,
+      default: 'mini'
+    },
     title: {
       type: String,
       default: '确定删除吗？'
@@ -44,7 +48,7 @@ export default {
   },
   data() {
     return {
-
+      visible: false
     }
   },
   methods: {
@@ -59,3 +63,10 @@ export default {
   }
 }
 </script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .popper-p-css{
+    margin-top: 0px !important;
+    margin-bottom: 5px !important;
+  }
+</style>