fix: the position problem of pop component in fixed side mode;:bug: 修复：固定侧边...

chenghongxing

2020-08-23 8c3afcc3aba389bb823e7a86f5bfd57c68f9380f

fix: the position problem of pop component in fixed side mode;:bug:
修复：固定侧边栏模式下弹出式组件的位置问题；

 src/layouts/AdminLayout.vue

@@ -1,9 +1,10 @@
<template>
  <a-layout :class="['admin-layout', fixedSideBar ? 'fixed-side-bar' : '', 'beauty-scroll']">
  <a-layout :class="['admin-layout', 'beauty-scroll']">
    <drawer v-if="isMobile" v-model="collapsed">
      <side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
    </drawer>
    <side-menu :theme="theme.mode" v-else-if="layout === 'side'" :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
    <side-menu :class="[fixedSideBar ? 'fixed-side' : '']" :theme="theme.mode" v-else-if="layout === 'side'" :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
    <div v-if="fixedSideBar" :style="`width: ${sideMenuWidth}`" class="virtual-side"></div>
    <drawer v-if="!hideSetting" v-model="showSetting" placement="right">
      <div class="setting" slot="handler">
        <a-icon :type="showSetting ? 'close' : 'setting'"/>
@@ -78,12 +79,17 @@

<style lang="less" scoped>
  .admin-layout{
    &.fixed-side-bar{
      height: 100vh;
      .admin-layout-main{
        overflow: scroll;
    .side-menu{
      &.fixed-side{
        position: fixed;
        left: 0;
        top: 0;
      }
    }
    .virtual-side{
      display: inline-block;
      transition: width 0.2s;
    }
    .admin-layout-main{
      .admin-header{
        top: 0;