优化固定Header后顶部导航栏样式问题(I4XDN5)

RuoYi

2022-03-17 857054179ce0a75b3c6486ab60d4e7ea52e8fc49

优化固定Header后顶部导航栏样式问题(I4XDN5)

 ruoyi-ui/src/layout/index.vue

@@ -101,6 +101,10 @@
    width: calc(100% - 54px);

  }



  .sidebarHide .fixed-header {

    width: calc(100%);

  }



  .mobile .fixed-header {

    width: 100%;

  }


 ruoyi-ui/src/store/modules/app.js

@@ -12,6 +12,9 @@


const mutations = {

  TOGGLE_SIDEBAR: state => {

    if (state.sidebar.hide) {

      return false;

    }

    state.sidebar.opened = !state.sidebar.opened

    state.sidebar.withoutAnimation = false

    if (state.sidebar.opened) {


 ruoyi-ui/src/store/modules/user.js

@@ -51,7 +51,7 @@
      return new Promise((resolve, reject) => {

        getInfo().then(res => {

          const user = res.user

          const avatar = ( user.avatar == "" || user.avatar == null ) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;

          const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;

          if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组

            commit('SET_ROLES', res.roles)

            commit('SET_PERMISSIONS', res.permissions)