You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
2.1 KiB

<!--
* @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>