blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
修复：SideMenu.vue 组件溢出导致的样式问题；
This commit is contained in:
iczer 2020-07-31 22:22:10 +08:00
parent 182ea21a29
commit 55358b4107
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" class="beauty-scroll">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2
src/components/menu/SideMenu.vue
View File

@ -1,5 +1,5 @@
<template> <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]"> <div :class="['logo', theme]">
<router-link to="/dashboard/workplace"> <router-link to="/dashboard/workplace">
<img src="@/assets/img/logo.png"> <img src="@/assets/img/logo.png">

3
src/components/menu/index.less
View File

@ -2,7 +2,8 @@
box-shadow: 2px 0 6px rgba(0, 21, 41, .35); box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
} }
.side-menu{ .side-menu{
min-height: 100%; min-height: 100vh;
overflow-y: auto;
z-index: 10; z-index: 10;
.logo{ .logo{
height: 64px; height: 64px;

2
src/layouts/AdminLayout.vue
View File

@ -1,5 +1,5 @@
<template> <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"> <drawer v-if="isMobile" v-model="collapsed">
<side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/> <side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
</drawer> </drawer>