<!--
 * @Author: your name
 * @Date: 2021-10-15 10:39:43
 * @LastEditTime: 2021-11-05 19:31:43
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/BrandComparison/index.vue
-->
<template>
    <div class="d-container">
        <BrandComparison v-if="hasData"></BrandComparison>
        <BrandBeginComparte v-else></BrandBeginComparte>
    </div>
</template>

<script>
import BrandComparison from "./BrandComparison.vue";
import BrandBeginComparte from "./BrandBeginComparte.vue";
export default {
    name: "brandComparisonIndex",
    components: {
        BrandComparison,
        BrandBeginComparte,
    },
    data() {
        return {
            hasData: false,
        };
    },
    created() {
        this.hasData = this.getBComparison.length > 0 ? true : false;
    },
    mounted() {
       
    },
    methods: {},
};
</script>

<style lang="less" scoped>
.bc-outter {
    padding: 0px 16px 16px 16px;
}

.bc-d2 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
}
.bc-d3 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
}
.bc-d4 {
    width: 100%;
    height: auto;
    border: 2px solid #0f2a4d;
    margin-top: 16px;
    .bc-d4-d1 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }
    .bc-d4-d2 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: flex-start;
    }
}
.bc-d5 {
    width: 100%;
    height: auto;
    border: 2px solid #0f2a4d;
    margin-top: 16px;
    .bc-d5-dd1 {
        display: flex;
        justify-content: flex-start;
    }
}
.bc-d6 {
    width: 100%;
    height: auto;
    border: 2px solid #0f2a4d;
    margin-top: 16px;
    .bc-d6-dd1 {
        display: flex;
        justify-content: flex-start;
    }
}
</style>
