From 29d5ae0100cfd782ca4be55562f0acfa687edaaf Mon Sep 17 00:00:00 2001
From: NiSen <laonisen@icloud.com>
Date: Thu, 25 Jan 2024 15:57:22 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E6=AC=A1=E6=8F=90=E4=BA=A4=E6=98=AFic?=
 =?UTF-8?q?onTitle=E4=B9=9F=E4=BC=9A=E7=A7=BB=E5=85=A5=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/study/Growth.vue | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue
index 564c59c8..bca22fb5 100644
--- a/src/views/study/Growth.vue
+++ b/src/views/study/Growth.vue
@@ -67,10 +67,12 @@
                         </svg>
                       </div>
                     </div>
-                    <div class="iconTitle">{{ item.title }}</div>
                   </div>
                 </el-popover>
-
+                <div :style="{
+                  left: (getPosition(item.name, index).left + 55) + 'px',
+                  top: getPosition(item.name, index).top + 'px'
+                }" class="iconTitle">{{ item.title }}</div>
               </div>
             </div>
           </div>
@@ -610,21 +612,18 @@ export default {
     }
   }
 
+}
 
-  .iconTitle {
-    position: absolute;
-    top: 50%;
-    left: 53px;
-    transform: translateY(-60%);
-    height: 40px;
-    line-height: 40px;
-    font-size: 14px;
-    color: #ffffff;
-    background: linear-gradient(301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%);
-    border-radius: 80px 80px 80px 8px;
-    padding: 0 20px;
-    white-space: nowrap;
-  }
+.iconTitle {
+  position: absolute;
+  height: 40px;
+  line-height: 40px;
+  font-size: 14px;
+  color: #ffffff;
+  background: linear-gradient(301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%);
+  border-radius: 80px 80px 80px 8px;
+  padding: 0 20px;
+  white-space: nowrap;
 }