# Slides 轮播图 beta

<l-slides :selected.sync="selected">
    <l-slides-item name="first"><div class="box">1</div></l-slides-item>
    <l-slides-item name="second"><div class="box">2</div></l-slides-item>
    <l-slides-item name="third"><div class="box">3</div></l-slides-item>
</l-slides>

<script>  
data() {
        return {
            selected: "second"
        };
    },
</script>

<style>
.box {
    height: 300px;
    width: 100%;
    background: #99a9bf;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}
</style>