@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>

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

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

      Weekly Downloads

      2

      Version

      0.1.2

      License

      MIT

      Unpacked Size

      3.15 MB

      Total Files

      31

      Last publish

      Collaborators

      • lip966
      • damowangdexiaogenban
      • lifuquan
      • rainfore
      • zhangxiaoyudaisy