From 9f14c660181693dbf5c302dab131150744417d87 Mon Sep 17 00:00:00 2001
From: dyh_a <xinzon32177@163.com>
Date: Tue, 4 Jul 2023 12:28:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(components/word-balloon):=20=E6=96=B9?=
 =?UTF-8?q?=E5=90=91=E5=8F=8D=E4=BA=86=EF=BC=8C=E4=B8=8D=E8=83=BD=E4=BB=A5?=
 =?UTF-8?q?=E7=AE=AD=E5=A4=B4=E7=9A=84=E6=96=B9=E5=90=91=E5=81=9A=E6=9C=9D?=
 =?UTF-8?q?=E5=90=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/src/word-balloon/index.scss    | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/packages/components/src/word-balloon/index.scss b/packages/components/src/word-balloon/index.scss
index e34b3a07..638c1137 100644
--- a/packages/components/src/word-balloon/index.scss
+++ b/packages/components/src/word-balloon/index.scss
@@ -7,6 +7,7 @@ $r: '#{$prefix}word-balloon';
   --t-word-balloon-arrow-offset: calc(var(--t-radius) + 2px);
 
   position: relative;
+  display: inline-block;
   &__content {
     padding: var(--t-radius) 14px;
     min-width: 32px;
@@ -71,8 +72,7 @@ $r: '#{$prefix}word-balloon';
     &-start,
     &-end {
       .#{$r}__arrow {
-        bottom: 100%;
-        transform: rotate(180deg);
+        top: 100%;
       }
     }
   }
@@ -81,9 +81,9 @@ $r: '#{$prefix}word-balloon';
     &-start,
     &-end {
       .#{$r}__arrow {
-        left: 100%;
-        margin-left: -$arrow-height;
-        transform: rotate(-90deg);
+        right: 100%;
+        margin-right: -$arrow-height;
+        transform: rotate(90deg);
       }
     }
   }
@@ -92,7 +92,8 @@ $r: '#{$prefix}word-balloon';
     &-start,
     &-end {
       .#{$r}__arrow {
-        top: 100%;
+        bottom: 100%;
+        transform: rotate(180deg);
       }
     }
   }
@@ -101,9 +102,9 @@ $r: '#{$prefix}word-balloon';
     &-start,
     &-end {
       .#{$r}__arrow {
-        right: 100%;
-        margin-right: -$arrow-height;
-        transform: rotate(90deg);
+        left: 100%;
+        margin-left: -$arrow-height;
+        transform: rotate(-90deg);
       }
     }
   }