页面1动态贴文完毕
This commit is contained in:
parent
31de894358
commit
0439769bc8
|
|
@ -20,14 +20,30 @@
|
||||||
@click="handleLeaderPost(post)"
|
@click="handleLeaderPost(post)"
|
||||||
>
|
>
|
||||||
<div class="post-type">
|
<div class="post-type">
|
||||||
<img src="@/assets/images/groupEvolution/group_icon.png" alt="">
|
<img src="@/assets/images/groupEvolution/group_icon.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
<span class="timestamp">{{ post.timestamp }}</span>
|
<span class="timestamp">{{ TansTimestamp(post.time, "YYYY.MM.DD HH:mm:ss") }}</span>
|
||||||
<span class="author" v-if="props.moduleName == '群体识别发现'">【{{ post.groupCategory }}】 的节点数增加<span style="color: #9DF9FE;">{{ post.nodeAddCount }}</span>个, 连边增加<span style="color: #9DF9FE;">{{ post.edgeAddCount }}</span>个
|
<span class="author" v-if="props.moduleName == '群体识别发现'"
|
||||||
|
>【{{ post.type }}】 的节点数{{ post.nodeChange < 0 ? "减少" : "增加"
|
||||||
|
}}<span style="color: #9df9fe">{{ Math.abs(post.nodeChange) }}</span
|
||||||
|
>个, 连边{{ post.edgeChange < 0 ? "减少" : "增加"
|
||||||
|
}}<span style="color: #9df9fe">{{ Math.abs(post.edgeChange) }}</span
|
||||||
|
>个
|
||||||
</span>
|
</span>
|
||||||
<span class="author" v-else-if="props.moduleName == '群体结构演化分析'">【{{ post.groupCategory }}】 的内部连边增加<span style="color: #9DF9FE;">{{ post.innerEdgeAddCount }}</span>条, 外部连边增加<span style="color: #9DF9FE;">{{ post.outerEdgeAddCount }}</span>条
|
<span class="author" v-else-if="props.moduleName == '群体结构演化分析'"
|
||||||
|
>【{{ post.groupCategory }}】 的内部连边增加<span style="color: #9df9fe">{{
|
||||||
|
post.innerEdgeAddCount
|
||||||
|
}}</span
|
||||||
|
>条, 外部连边增加<span style="color: #9df9fe">{{
|
||||||
|
post.outerEdgeAddCount
|
||||||
|
}}</span
|
||||||
|
>条
|
||||||
</span>
|
</span>
|
||||||
<span class="author" v-else-if="props.moduleName == '群体成员演化分析'">【{{ post.groupCategory }}】 的成员数目增加了<span style="color: #9DF9FE;">{{ post.memberAddCount }}</span>位
|
<span class="author" v-else-if="props.moduleName == '群体成员演化分析'"
|
||||||
|
>【{{ post.groupCategory }}】 的成员数目增加了<span style="color: #9df9fe">{{
|
||||||
|
post.memberAddCount
|
||||||
|
}}</span
|
||||||
|
>位
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -40,7 +56,7 @@
|
||||||
>
|
>
|
||||||
<div class="post-type">
|
<div class="post-type">
|
||||||
<div class="type-left">
|
<div class="type-left">
|
||||||
<img class="title-img" :src="abnormalPostItemTitle" alt="">
|
<img class="title-img" :src="abnormalPostItemTitle" alt="" />
|
||||||
<span class="title-text">{{ post.abnormalGroup }}</span>
|
<span class="title-text">{{ post.abnormalGroup }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="type-right">
|
<div class="type-right">
|
||||||
|
|
@ -75,7 +91,8 @@
|
||||||
import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png"
|
import abnormalPostItemTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-item-title.png"
|
||||||
import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png"
|
import groupEvolutionTitle from "@/assets/images/groupEvolution/group-evolution-analysis-titlt.png"
|
||||||
import abnormalTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-title.png"
|
import abnormalTitle from "@/assets/images/abnormalGroup/abnormal-action-analysis-title.png"
|
||||||
import { ref, computed, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue";
|
import { ref, computed, defineProps, defineEmits, onMounted, onBeforeUnmount } from "vue"
|
||||||
|
import { TansTimestamp } from "@/utils/transform"
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
posts: {
|
posts: {
|
||||||
type: Array,
|
type: Array,
|
||||||
|
|
@ -139,12 +156,12 @@ function resumeScroll() {
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
console.log("打印moudleName:");
|
console.log("打印moudleName:")
|
||||||
console.log(props.moduleName);
|
console.log(props.moduleName)
|
||||||
console.log(props.posts);
|
console.log(props.posts)
|
||||||
|
|
||||||
startScroll();
|
startScroll()
|
||||||
});
|
})
|
||||||
onBeforeUnmount(() => {
|
onBeforeUnmount(() => {
|
||||||
pauseScroll()
|
pauseScroll()
|
||||||
})
|
})
|
||||||
|
|
@ -218,7 +235,7 @@ onBeforeUnmount(() => {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
color: #8EFBFF;
|
color: #8efbff;
|
||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-style: Medium;
|
font-style: Medium;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user