From 1aace9d3d56c85d9f8be21244375c25549d92cfb Mon Sep 17 00:00:00 2001
From: shangbin <shangbin03@meituan.com>
Date: Wed, 30 Mar 2022 19:22:45 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E8=BE=93=E5=85=A5=E6=A1=86=E5=BF=AB=E9=80=9F=E5=B1=9E=E6=80=A7?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AttributeInput.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/AttributeInput.vue b/src/components/AttributeInput.vue
index 915cc9f..60665be 100644
--- a/src/components/AttributeInput.vue
+++ b/src/components/AttributeInput.vue
@@ -22,16 +22,16 @@
             <div style="margin-top: 5px;">
               <transition name="el-zoom-in-center">
                 <el-tag v-if="attributeKeys.indexOf('class') == -1" size="small" type="success" @click="onClassClick"
-                  effect="dark">Class
+                  effect="dark" class="tag">Class
                 </el-tag>
               </transition>
               <transition name="el-zoom-in-center">
                 <el-tag v-if="attributeKeys.indexOf('@click') == -1" size="small" type="success" @click="onEventClick"
-                  effect="dark">点击事件</el-tag>
+                  effect="dark" class="tag">点击事件</el-tag>
               </transition>
               <transition name="el-zoom-in-center">
                 <el-tag v-if="!attributeKeys.includes('__text__')" size="small" type="success" @click="onTextClick"
-                  effect="dark">文本内容</el-tag>
+                  effect="dark" class="tag">文本内容</el-tag>
               </transition>
             </div>
           </div>
@@ -262,7 +262,7 @@ export default {
 };
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .container {
   padding: 10px;
   width: 50%;
@@ -291,6 +291,14 @@ export default {
   border-radius: 5px;
   font-size: 12px;
   color: gray;
+
+  .tag {
+    margin-right: 5px;
+  }
+
+  .tag:last-child{
+    margin-right: 0;
+  }
 }
 
 .split {