diff --git a/src/assets/images/groupStructure/track.png b/src/assets/images/groupStructure/track.png new file mode 100644 index 0000000..8f8ed83 Binary files /dev/null and b/src/assets/images/groupStructure/track.png differ diff --git a/src/views/GroupEvolution/component/groupGraph.vue b/src/views/GroupEvolution/component/groupGraph.vue index 6e567fe..cb3ee00 100644 --- a/src/views/GroupEvolution/component/groupGraph.vue +++ b/src/views/GroupEvolution/component/groupGraph.vue @@ -222,12 +222,14 @@ const initChart = () => { const groupCenters = getGroupCenters(groupCount, width, height) assignNodePositions(graph.value.nodes, groupCenters) createGraph() + graphVis.addGraph({ ...toRaw(graph.value) }) runForceLayout() } onMounted(async () => { await nextTick() // 等待 DOM 更新 initChart() + }) onUnmounted(() => { diff --git a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue b/src/views/GroupEvolution/groupStructure/components/groupPanel.vue index e7dcc95..a7e5d73 100644 --- a/src/views/GroupEvolution/groupStructure/components/groupPanel.vue +++ b/src/views/GroupEvolution/groupStructure/components/groupPanel.vue @@ -13,9 +13,9 @@
关注话题:  {{ group.focusedTopic }}
-
+
- {{ item.name }} + 内部
@@ -104,21 +104,22 @@ const props = defineProps({ display: flex; align-items: center; font-size: 14px; - .sta-prefix { - width: 32px; - height: 32px; + .statistics-item-name { + width: 50px; + padding-top: -5px; } - .statistics-content { - width: 150px; - margin-left: 10px; - color: #fff; - .sta-count { - font-family: MiSans; - font-size: 18px; - font-style: normal; - font-weight: 700; + .statistics-item-value { + width: 100%; + display: flex; + align-items: center; + .track { + width: 262px; + height: 8px; + background-image: url('@/assets/images/groupStructure/track.png'); + background-size: cover; + background-repeat: no-repeat; } - } + } } } }