优化样式

RuoYi

2026-04-03 85447bbc62987ae620b4142fcaba5784571f73c4

 ruoyi-ui/src/layout/components/Navbar.vue

@@ -26,6 +26,10 @@
          <size-select id="size-select" class="right-menu-item hover-effect" />

        </el-tooltip>



        <el-tooltip content="消息通知" effect="dark" placement="bottom">

          <header-notice id="header-notice" class="right-menu-item hover-effect" />

        </el-tooltip>



      </template>



      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">

@@ -40,6 +44,9 @@
          <el-dropdown-item @click.native="setLayout" v-if="setting">

            <span>布局设置</span>

          </el-dropdown-item>

          <el-dropdown-item @click.native="lockScreen">

            <span>锁定屏幕</span>

          </el-dropdown-item>

          <el-dropdown-item divided @click.native="logout">

            <span>退出登录</span>

          </el-dropdown-item>

@@ -52,7 +59,7 @@
<script>

import { mapGetters } from 'vuex'

import Breadcrumb from '@/components/Breadcrumb'

import TopNav from '@/components/TopNav'

import TopNav from './TopNav'

import TopBar from './TopBar'

import Logo from './Sidebar/Logo'

import Hamburger from '@/components/Hamburger'

@@ -61,9 +68,9 @@
import Search from '@/components/HeaderSearch'

import RuoYiGit from '@/components/RuoYi/Git'

import RuoYiDoc from '@/components/RuoYi/Doc'

import HeaderNotice from './HeaderNotice'



export default {

  emits: ['setLayout'],

  components: {

    Breadcrumb,

    Logo,

@@ -74,7 +81,8 @@
    SizeSelect,

    Search,

    RuoYiGit,

    RuoYiDoc

    RuoYiDoc,

    HeaderNotice

  },

  computed: {

    ...mapGetters([

@@ -105,6 +113,12 @@
    },

    setLayout(event) {

      this.$emit('setLayout')

    },

    lockScreen() {

      const currentPath = this.$route.fullPath

      this.$store.dispatch('lock/lockScreen', currentPath).then(() => {

        this.$router.push('/lock')

      })

    },

    logout() {

      this.$confirm('确定注销并退出系统吗？', '提示', {

@@ -171,11 +185,6 @@
    align-items: center;

    overflow: hidden;

    margin-left: 8px;

  }



  .errLog-container {

    display: inline-block;

    vertical-align: top;

  }



  .right-menu {