修改河南项目的管理后台ui和删除之前不需要的游戏

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

@@ -1,7 +1,10 @@
 <template>
   <div class="navbar">
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
-    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
+    <!-- 顶栏与标签页合并成一条
+         原来「面包屑 + 标签页」是两条叠在一起的栏，而且都在显示当前位置
+         （面包屑显示"首页"，紧挨着的标签页也显示"首页"）= 重复，还白占 108px 竖向空间。
+         现在只保留标签页（多标签导航更实用），面包屑去掉。 -->
+    <tags-view v-if="showTagsView" class="navbar-tags-view" />
 
     <div class="right-menu">
       <!-- 任意页面都能一键看"当前这个页面"的操作记录 -->
@@ -35,23 +38,20 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import Breadcrumb from '@/components/Breadcrumb'
-import TopNav from '@/components/TopNav'
+import TagsView from './TagsView'
 
 export default {
   components: {
-    Breadcrumb,
-    TopNav
+    TagsView
   },
   computed: {
     ...mapGetters([
       'avatar',
       'name'
     ]),
-    topNav: {
-      get() {
-        return this.$store.state.settings.topNav
-      }
+    /** 标签页已并入顶栏，是否显示跟随布局设置 */
+    showTagsView() {
+      return this.$store.state.settings.tagsView
     },
     /** 已经在操作日志页时不显示入口 */
     showOperLog() {
@@ -84,26 +84,25 @@ export default {
 
 <style lang="scss" scoped>
 .navbar {
+  display: flex;
+  align-items: center;
+  gap: 10px;
   height: 58px;
   overflow: hidden;
   position: relative;
-  background: rgba(255, 255, 255, 0.86);
-  backdrop-filter: blur(14px) saturate(145%);
-  -webkit-backdrop-filter: blur(14px) saturate(145%);
-  box-shadow: 0 6px 22px rgba(47, 107, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.72);
+  /* 原来是白色毛玻璃 + 蓝影（rgba(47,107,255,.08)），
+     与奶油菜单卡不是一套；统一成不透明奶油卡 + 花粉细边 + 暖棕柔影，并去掉 backdrop-filter */
+  background: #fffdfa;
+  box-shadow: 0 2px 8px rgba(139, 115, 85, 0.10);
+  border: 1px solid rgba(212, 160, 160, 0.55);
   border-radius: 14px;
   margin: 6px 10px 6px 0;
-  padding-left: 16px;
+  padding: 0 10px 0 8px;
 
-  /* 顶栏不再放置收起按钮/装饰图标，面包屑直接从左侧留白开始 */
-  .breadcrumb-container {
-    float: left;
-  }
-
-  .topmenu-container {
-    position: absolute;
-    left: 16px;
+  /* 面包屑与 top-nav 模式不再使用（当前位置由标签页表达） */
+  .navbar-tags-view {
+    flex: 1 1 auto;
+    min-width: 0;
   }
 
   .errLog-container {
@@ -112,22 +111,24 @@ export default {
   }
 
   .right-menu {
-    float: right;
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: 6px;
     height: 100%;
-    line-height: 58px;
-    padding-right: 18px;
+    padding-right: 4px;
 
     &:focus {
       outline: none;
     }
 
     .right-menu-item {
-      display: inline-block;
+      display: inline-flex;
+      align-items: center;
       padding: 0 8px;
       height: 100%;
       font-size: 18px;
-      color: #5a6478;
-      vertical-align: text-bottom;
+      color: #5f4f3d;
     }
 
     /* 操作日志入口：文案按钮，比图标更好找 */
@@ -141,7 +142,7 @@ export default {
       }
 
       &:hover {
-        color: #2f6bff;
+        color: #9a5c35;
       }
     }
 
@@ -151,7 +152,7 @@ export default {
       .avatar-wrapper {
         display: flex;
         align-items: center;
-        height: 58px;
+        height: 100%;
 
         .user-avatar {
           width: 36px;
@@ -164,7 +165,7 @@ export default {
           margin: 0 6px 0 8px;
           font-size: 14px;
           font-weight: 600;
-          color: #263654;
+          color: #4f4130;
           max-width: 120px;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -173,7 +174,7 @@ export default {
 
         .el-icon-caret-bottom {
           font-size: 12px;
-          color: #98a3b7;
+          color: #9a886e;
         }
       }
     }