<!--
 * @Author: your name
 * @Date: 2021-11-09 15:49:33
 * @LastEditTime: 2021-11-09 17:04:04
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/ModelForumDetails/mfdMainPost/index.vue
-->
<template>
    <div class="mmp-outter">
        <v-label-div title="主帖ID"> </v-label-div>
        <div class="mmp-inner">
           <vue-lazy-component>
           <MainPostIDModelAnalysis></MainPostIDModelAnalysis>
           <MainPostIDModelAnalysisStoken slot="skeleton"></MainPostIDModelAnalysisStoken>
           </vue-lazy-component>
           <vue-lazy-component>
           <MainPostUserAnalysis></MainPostUserAnalysis>
           <MainPostUserAnalysisStoken slot="skeleton"></MainPostUserAnalysisStoken>
           </vue-lazy-component>
           <vue-lazy-component>
           <MainPostUserActiveArea></MainPostUserActiveArea>
           <MainPostUserActiveAreaStoken slot="skeleton"></MainPostUserActiveAreaStoken>
           </vue-lazy-component>
        </div>
    </div>
</template>

<script>
import MainPostIDModelAnalysis from "../MainPostIDModelAnalysis"
import MainPostUserAnalysis from "../MainPostUserAnalysis"
import MainPostUserActiveArea from "../MainPostUserActiveArea"
//骨架屏
import MainPostIDModelAnalysisStoken from "../MainPostIDModelAnalysisStoken"
import MainPostUserAnalysisStoken from "../MainPostUserAnalysisStoken"
import MainPostUserActiveAreaStoken from "../MainPostUserActiveAreaStoken"
export default {
    name: "mfdMainPost",
    components: {
        MainPostIDModelAnalysis, // 主帖ID车型分析
        MainPostUserAnalysis, // 主帖用户分析
        MainPostUserActiveArea,
        //骨架屏
        MainPostIDModelAnalysisStoken, // 主帖ID车型分析
        MainPostUserAnalysisStoken, // 主帖用户分析
        MainPostUserActiveAreaStoken,
    }
}
</script>

<style lang="less" scoped>
.mmp-outter {
    width: 100%;
    height: 460px;
    border: 2px solid #0f2a4d;
    margin-top: 16px;
    .mmp-inner {
        width: 100%;
        height: calc(100% - 48px);
        display: flex;
        justify-content: flex-start;
    }
}
</style>
