@cloud-ui/s-sidebar.vue

    0.1.2 • Public • Published

    SSidebar 可嵌套侧边栏

    <template>
    <s-sidebar :config="config"></s-sidebar>
    </template>
    <script>
    export default {
        data() {
            return {
                config: [
                    {
                        title: '导航 1',
                        to: '/1',
                    },
                    {
                        title: '导航 2',
                        href: 'https://www.163yun.com/',
                    },
                    {
                        title: '导航 3',
                        children: [
                            {
                                title: '导航 3-1',
                                to: '/3-1',
                            },
                            {
                                title: '导航 3-2',
                                to: '/3-2',
                            },
                            {
                                subnav: [
                                    {
                                        title: '导航 3-3',
                                        children: [
                                            {
                                                title: '导航 3-3-1',
                                                to: '/3-3-1',
                                            },
                                            {
                                                title: '导航 3-3-2',
                                                to: '/3-3-2',
                                            },
                                            {
                                                subnav: [
                                                    {
                                                        title: '导航 3-3-3',
                                                        children: [
                                                            {
                                                                title: '导航 3-3-3-1',
                                                                to: '/3-3-3-1',
                                                            },
                                                            {
                                                                title: '导航 3-3-3-2',
                                                                to: '/',
                                                            },
                                                        ],
                                                    },
                                                ],
                                            },
                                        ],
                                    },
                                ],
                            },
                        ],
                    },
                    '|',
                    {
                        title: '导航 4',
                        to: '/4',
                    },
                ],
            };
        },
    }
    </script>

    Install

    npm i @cloud-ui/s-sidebar.vue

    DownloadsWeekly Downloads

    10

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    3.15 MB

    Total Files

    31

    Last publish

    Collaborators

    • lip966
    • damowangdexiaogenban
    • lifuquan
    • rainfore
    • zhangxiaoyudaisy