<!--
 * @Author: your name
 * @Date: 2021-10-25 09:05:39
 * @LastEditTime: 2021-10-25 11:37:31
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/MarketingAnalysis/index.vue
-->
<template>
    <div class="d-container">
        <div class="ma-outter">
            <brandVolumeTOP10></brandVolumeTOP10>
            <div class="ma-d1">
                <keyActiveMediaTOP10Ranking></keyActiveMediaTOP10Ranking>
                <brandSalesRankingTOP10Ranking></brandSalesRankingTOP10Ranking>
            </div>
        </div>  
    </div>
</template>

<script>
import brandVolumeTOP10 from "./brandVolumeTOP10"
import keyActiveMediaTOP10Ranking from "./keyActiveMediaTOP10Ranking"
import brandSalesRankingTOP10Ranking from "./brandSalesRankingTOP10Ranking"
export default {
    name: "MarketingAnalysis",
    components: {
        brandVolumeTOP10, // 品牌声量TOP10
        keyActiveMediaTOP10Ranking, // 重点活跃媒体TOP10排行
        brandSalesRankingTOP10Ranking // 品牌销量榜TOP10排行
    }
}
</script>

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