fix: the style problem caused by SideMenu.vue overflow; 🐛

修复:SideMenu.vue 组件溢出导致的样式问题;
master
iczer 4 years ago
parent 182ea21a29
commit 55358b4107
  1. 2
      public/index.html
  2. 2
      src/components/menu/SideMenu.vue
  3. 3
      src/components/menu/index.less
  4. 2
      src/layouts/AdminLayout.vue

@ -1,5 +1,5 @@
<!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">

@ -1,5 +1,5 @@
<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">

@ -2,7 +2,8 @@
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;

@ -1,5 +1,5 @@
<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>

Loading…
Cancel
Save