CocoClass-help/pages/index.vue

<template>
    <div class="main">
        <Headers />
        <div class="container">
            <Search />
            <ContentCard />
        </div>
    </div>
</template>

<script>
import Headers from '../components/Header.vue'
import Search from '../components/Search.vue'
import ContentCard from '../components/ContentCard.vue'

export default {
    name: 'Home',
    components: {
        Headers,
        Search,
        ContentCard
    }
}
</script>
<style lang="less">
@import 'element-plus/dist/index.css';

.main {
    .container{
        width: 70%;
        margin: 0 auto 160px;
        text-align: center;
        
    }
}
</style>