You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.1 KiB
42 lines
1.1 KiB
<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> |