<template>
    <div>
        <h1>bosco</h1>

        <van-cell-group>
            <van-cell value="button" is-link to="button?a=2"></van-cell>
            <van-cell value="overload" is-link to="overload"></van-cell>
            <van-cell value="popup" is-link to="popup"></van-cell>
            <van-cell value="popupMiddle" is-link to="popupMiddle"></van-cell>
            <van-cell value="toast" is-link to="toast"></van-cell>
            <van-cell value="checkbox" is-link to="checkbox"></van-cell>
            <van-cell value="cell" is-link to="cell"></van-cell>
            <van-cell value="picker" is-link to="picker"></van-cell>
            <van-cell value="datetimePicker" is-link to="datetimePicker"></van-cell>
            <van-cell value="tab" is-link to="tab"></van-cell>
            <van-cell value="loading" is-link to="loading"></van-cell>
            <van-cell value="dialog" is-link to="dialog"></van-cell>
            <van-cell value="dialog(v2)" is-link to="dialogV2"></van-cell>
            <van-cell value="switch" is-link to="switch"></van-cell>
            <van-cell value="topbar" is-link to="topbar"></van-cell>
            <van-cell value="iconbox" is-link to="iconbox"></van-cell>
            <van-cell value="date" is-link to="date"></van-cell>
            <van-cell value="steper" is-link to="steper"></van-cell>
            <van-cell value="step" is-link to="step"></van-cell>
            <van-cell value="progress" is-link to="progress"></van-cell>
            <van-cell value="tabBar" is-link to="tabBar"></van-cell>
            <van-cell value="star" is-link to="star"></van-cell>
        </van-cell-group>
    </div>
</template>

<script>
    import { CellGroup, Cell } from 'vant';
    export default {
        name: "index",
        components:{
            [CellGroup.name]:CellGroup,
            [Cell.name]:Cell
        }
    }
</script>

<style scoped>
    .page{
        padding: 10px;
    }
</style>
