HomeView.vue 1.31 KB
<style scoped>
.demo-carousel {
    height: 400px;
    line-height: 400px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #657180;
}
.bg1{
    background: #9ea7b4;
}
.bg2{
    background: #c3cbd6;
}
</style>
<template>
    <div class="layout">
        <!--<bread></bread>-->
    <Carousel autoplay v-model="value2">
                <Carousel-item>
                    <div class="demo-carousel">1</div>
                </Carousel-item>
                <Carousel-item>
                    <div class="demo-carousel bg1">2</div>
                </Carousel-item>
                <Carousel-item>
                    <div class="demo-carousel bg2">3</div>
                </Carousel-item>
                <Carousel-item>
                    <div class="demo-carousel">4</div>
                </Carousel-item>
            </Carousel>
        <div class="layout-content">
                    
            <div class="layout-content-main">
                <router-view></router-view>
            </div>
        </div>
        <div class="layout-copy">
            2011-2016 &copy;
        </div>
    </div>
</template>
<script>
import Layout from '../Layout';
export default {
    name: 'home',
    data() {
        return {
            value2: 0
        }
    },
    computed: {

    },
    components: Layout
}
</script>