|
@@ -5,14 +5,16 @@
|
|
|
:collapsible="collapsible"
|
|
|
v-model="collapsed"
|
|
|
:trigger="null">
|
|
|
- <logo />
|
|
|
- <s-menu
|
|
|
- :collapsed="collapsed"
|
|
|
- :menu="menus"
|
|
|
- :theme="theme"
|
|
|
- :mode="mode"
|
|
|
- @select="onSelect"
|
|
|
- style="padding: 10px 0px;"></s-menu>
|
|
|
+ <vue-scroll :ops="ops">
|
|
|
+ <logo />
|
|
|
+ <s-menu
|
|
|
+ :collapsed="collapsed"
|
|
|
+ :menu="menus"
|
|
|
+ :theme="theme"
|
|
|
+ :mode="mode"
|
|
|
+ @select="onSelect"
|
|
|
+ style="padding: 10px 0px;"></s-menu>
|
|
|
+ </vue-scroll>
|
|
|
</a-layout-sider>
|
|
|
|
|
|
</template>
|
|
@@ -52,6 +54,24 @@ export default {
|
|
|
required: true
|
|
|
}
|
|
|
},
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ ops: {
|
|
|
+ vuescroll: {},
|
|
|
+ scrollPanel: {},
|
|
|
+ rail: {
|
|
|
+ keepShow: true
|
|
|
+ },
|
|
|
+ bar: {
|
|
|
+ hoverStyle: true,
|
|
|
+ onlyShowBarOnScroll: false, // 是否只有滚动的时候才显示滚动条
|
|
|
+ background: '#F5F5F5', // 滚动条颜色
|
|
|
+ opacity: 0.5, // 滚动条透明度
|
|
|
+ 'overflow-x': 'hidden'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
onSelect (obj) {
|
|
|
this.$emit('menuSelect', obj)
|