<template>
    <dv-border-box-13>
        <div class="menu-right-style" style="pointer-events: auto">
            <vue-scroll :ops="listScroll" style="height:800px">
                <menu-item v-for="item in menuAry" :key="item.id" :name="item.name" :iconType="item.iconType"/>
            </vue-scroll>
        </div>
    </dv-border-box-13>
</template>
<script>
    /*
     * 右侧菜单导航
     * */
    import Vue from 'vue'
    import MenuConfig from '../../menuConfig';
    import MenuItem from './menuItem.vue';
    import {Icon} from 'ant-design-vue';
    import vueScroll from "vuescroll";//引入vuescroll
    import "vuescroll/dist/vuescroll.css";//引入vuescroll样式
    export default{
        data(){
            return {
                listScroll:this.StaticParams.scrollOption,
                menuAry: MenuConfig,
            }
        },
        components: {
            MenuItem,
            AIcon: Icon,
            vueScroll
        }
    }
</script>
<style scoped lang="scss">
    .menu-right-style {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 16px;
    }
</style>