<template>
    <el-container class="mta-Cframe" direction="vertical">
        <!-- header -->
        <mta-header></mta-header>
        <!-- main -->
        <el-container class="mta-home-box">
            <div class="mta-home-box-c">
                <router-view/>
            </div>
        </el-container>
        <mta-footer></mta-footer>
    </el-container>
</template>
<script>
    import { mapGetters }                            from 'vuex';
    import MtaHeader                                 from '@/components/client/common/header.vue';
    import MtaFooter                                 from '@/components/client/common/footer.vue';
    import MtaTransform                              from '@/components/management/Transform';
    import { initThemeColor, handleLocalstorgeData } from '@/utils/theme';
    import * as Initialization                       from '@/utils/initializationConfig';


    export default {
        name:       'cframe',
        components: {
            MtaHeader,
            MtaFooter,
            MtaTransform,
        },
        data() {
            return {
                // activeNav: '/c/Exam/full'
            };
        },
        computed:   {
            ...mapGetters(['getAuth', 'getThemeColor']),
        },
        methods:    {},
        created() {
            initThemeColor();
            let typeface = handleLocalstorgeData('themeFont', 'data-fontsize', '');
            handleLocalstorgeData('themeFont', 'data-fontsize', typeface);
            // 初始化 系统标签logo
            Initialization.initializationPageConfig();
        },
    };
</script>
<style lang="scss" scoped>
    @import "../../assets/css/base/variables";

    .mta-Cframe {
        .mta-home-box {
            background-color: #F0F0F0;
            min-width: $screen-limit-width;

            .mta-home-box-c {
                margin: 32px auto;
                border-radius: 5px;
                min-width: $screen-limit-width;
                max-width: $screen-limit-width;
                background-color: white;
                height: calc(100vh - 174px);
                //修改input框placeholder颜色
                /*overflow: auto;*/
                ::-webkit-input-placeholder { /* WebKit browsers */
                    color: #999;
                }

                :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
                    color: #999;
                }

                ::-moz-placeholder { /* Mozilla Firefox 19+ */
                    color: #999;
                }

                :-ms-input-placeholder { /* Internet Explorer 10+ */
                    color: #999;
                }

                //input框文字颜色
                .el-input__inner {
                    color: #333;
                }

                .mta-c-classify-label {
                    font-size: 16px;
                }
            }
        }
        @media screen and (max-width: 1340px) {
            .mta-home-box .mta-home-box-c {
                margin: 24px auto;
                height: calc(100vh - 175px);
            }
        }
    }


</style>
