<!--
 * @Author: your name
 * @Date: 2021-11-09 13:49:27
 * @LastEditTime: 2021-11-09 17:37:59
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/ModelForumDetails/index.vue
-->
<template>
    <div class="d-container">
        <div class="mfd-outter">
            <mfdHeader></mfdHeader>
            <div class="mfd-d1">
                <vue-lazy-component>
                <mfdCommunicationTrend></mfdCommunicationTrend>
                <mfdCommunicationTrendStoken slot="skeleton"></mfdCommunicationTrendStoken>
                </vue-lazy-component>
                <vue-lazy-component>
                <mfdContentType></mfdContentType>
                <mfdContentTypeStoken slot="skeleton"></mfdContentTypeStoken>
                </vue-lazy-component>
                <vue-lazy-component>
                <mfdCharacters></mfdCharacters>
                <mfdCharactersStoken slot="skeleton"></mfdCharactersStoken>
                </vue-lazy-component>
            </div>
            <div class="mfd-d1">
                <vue-lazy-component>
                <mfdPositiveTopic></mfdPositiveTopic>
                <mfdPositiveTopicStoken slot="skeleton"></mfdPositiveTopicStoken>
                </vue-lazy-component>
                <vue-lazy-component>
                <mfdNegativeTopic></mfdNegativeTopic>
                <mfdNegativeTopicStoken slot="skeleton"></mfdNegativeTopicStoken>
                </vue-lazy-component>
            </div>
            <mfdMainPost></mfdMainPost>
            <mfdFollowPost></mfdFollowPost>
            <div class="mfd-d1">
                <vue-lazy-component>
                <SuspectedCarBlackID></SuspectedCarBlackID>
                <SuspectedCarBlackIDStoken slot="skeleton"></SuspectedCarBlackIDStoken>
                </vue-lazy-component>
                <vue-lazy-component>
                <ThreadIDRegistrationTime></ThreadIDRegistrationTime>
                <ThreadIDRegistrationTimeStoken slot="skeleton"></ThreadIDRegistrationTimeStoken>
                </vue-lazy-component>
            </div>
        </div>
    </div>
</template>

<script>
import mfdHeader from "./mfdHeader"
import mfdCommunicationTrend from "./mfdCommunicationTrend"
import mfdContentType from "./mfdContentType"
import mfdCharacters from "./mfdCharacters"
import mfdPositiveTopic from "./mfdPositiveTopic"
import mfdNegativeTopic from "./mfdNegativeTopic"
import mfdMainPost from "./mfdMainPost"
import mfdFollowPost from "./mfdFollowPost"
import SuspectedCarBlackID from "./SuspectedCarBlackID"
import ThreadIDRegistrationTime from "./ThreadIDRegistrationTime"
//骨架屏
import mfdCommunicationTrendStoken from "./mfdCommunicationTrendStoken"
import mfdContentTypeStoken from "./mfdContentTypeStoken"
import mfdCharactersStoken from "./mfdCharactersStoken"
import mfdPositiveTopicStoken from "./mfdPositiveTopicStoken"
import mfdNegativeTopicStoken from "./mfdNegativeTopicStoken"
import SuspectedCarBlackIDStoken from "./SuspectedCarBlackIDStoken"
import ThreadIDRegistrationTimeStoken from "./ThreadIDRegistrationTimeStoken"
export default {
    name: "ModelForumDetails",
    components: {
        mfdHeader, // 顶部
        mfdCommunicationTrend, // 论坛传播趋势
        mfdContentType, // 论坛调性分布
        mfdCharacters, // 数据对比分析
        mfdPositiveTopic, // 正面话题分布
        mfdNegativeTopic, // 负面话题分布
        mfdMainPost, // 主帖ID
        mfdFollowPost, // 跟帖ID
        SuspectedCarBlackID, // 疑似车黑ID
        ThreadIDRegistrationTime, // 跟帖ID注册时间
        //骨架屏
        mfdCommunicationTrendStoken, // 论坛传播趋势
        mfdContentTypeStoken, // 论坛调性分布
        mfdCharactersStoken, // 数据对比分析
        mfdPositiveTopicStoken, // 正面话题分布
        mfdNegativeTopicStoken, // 负面话题分布
        SuspectedCarBlackIDStoken, // 疑似车黑ID
        ThreadIDRegistrationTimeStoken // 跟帖ID注册时间
    }
};
</script>

<style lang="less" scoped>
.mfd-outter {
    padding: 0px 16px 16px 16px;
}
.mfd-d1 {
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
}
</style>
