fix: the style problem caused by SideMenu.vue overflow; :bug:
修复：SideMenu.vue 组件溢出导致的样式问题；
| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | <html lang="en" class="beauty-scroll"> |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8"> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <a-layout-sider :theme="sideTheme" :class="['side-menu', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null"> |
|---|
| | | <a-layout-sider :theme="sideTheme" :class="['side-menu', 'beauty-scroll', isMobile ? null : 'shadow']" width="256px" :collapsible="collapsible" v-model="collapsed" :trigger="null"> |
|---|
| | | <div :class="['logo', theme]"> |
|---|
| | | <router-link to="/dashboard/workplace"> |
|---|
| | | <img src="@/assets/img/logo.png"> |
|---|
| | |
|---|
| | | box-shadow: 2px 0 6px rgba(0, 21, 41, .35); |
|---|
| | | } |
|---|
| | | .side-menu{ |
|---|
| | | min-height: 100%; |
|---|
| | | min-height: 100vh; |
|---|
| | | overflow-y: auto; |
|---|
| | | z-index: 10; |
|---|
| | | .logo{ |
|---|
| | | height: 64px; |
|---|
| | |
|---|
| | | <template> |
|---|
| | | <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '']"> |
|---|
| | | <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '', 'beauty-scroll']"> |
|---|
| | | <drawer v-if="isMobile" v-model="collapsed"> |
|---|
| | | <side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/> |
|---|
| | | </drawer> |
|---|
