hover

src/views/GroupEvolution/components/groupPanel.vue

@@ -10,6 +10,10 @@
             alt=""
           />
           <div class="group-item-title-type">{{ group.type }}</div>
+          <el-tooltip placement="bottom">
+            <template #content> multiple lines<br />second line </template>
+            <div class="group-member">{{ groupMemberInfos[group.type] }}</div>
+          </el-tooltip>
           <div class="title-content">关注话题:&nbsp;&nbsp;{{ group.title }}</div>
         </div>
 
@@ -38,6 +42,12 @@ const props = defineProps({
     default: ""
   }
 })
+
+const groupMemberInfos = {
+  群体一: "主流权威媒体与自媒体账号结合群体",
+  群体二: "主流资讯评论及军政垂直领域账号群体",
+  群体三: "政务/公益宣传账号与自媒体账号结合群体"
+}
 </script>
 
 <style scoped lang="less">
@@ -70,6 +80,7 @@ const props = defineProps({
       border-bottom: 0.5px solid rgba(0, 113, 188, 0.5);
       .group-item-title {
         position: relative;
+
         .group-item-title-type {
           position: absolute;
           top: 3px;
@@ -77,6 +88,14 @@ const props = defineProps({
           left: 8px;
           font-size: 14px;
         }
+        .group-member {
+          padding-top: 10px;
+          color: #fff;
+          font-family: "PingFang SC";
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+        }
         .title-content {
           width: 100%;
           color: #fff;

src/views/GroupEvolution/groupStructure/components/groupPanel.vue

@@ -221,6 +221,7 @@ onMounted(() => {})
 
       .group-item-title {
         position: relative;
+        margin-bottom: 20px;
         .group-item-title-type {
           position: absolute;
           top: 3px;
@@ -243,13 +244,10 @@ onMounted(() => {})
       }
       .group-item-statistics {
         width: 80%;
-        height: 100px;
+        height: 80px;
         display: flex;
         flex-direction: column;
-        gap: 10px;
-
         justify-content: space-between;
-        margin-top: 10px;
         .statistics-item {
           display: flex;
           align-items: center;