菜单颜色修改、logo修改

src/layout/components/Logo/src/Logo.vue

@@ -64,25 +64,31 @@ watch(
         layout !== 'classic' ? `${prefixCls}__Top` : '',
         layout !== 'classic' ? `${prefixCls}__Top` : '',
         'flex !h-[var(--logo-height)] items-center cursor-pointer pl-8px relative decoration-none overflow-hidden'
         'flex !h-[var(--logo-height)] items-center cursor-pointer pl-8px relative decoration-none overflow-hidden'
       ]"
       ]"
+      style="display: flex; align-items: center; justify-content: center"
       to="/"
       to="/"
     >
     >
       <img
       <img
         class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
         class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
-        src="@/assets/imgs/logo.png"
+        src="@/assets/imgs/xjjt-logo.png"
+        style="margin-right: 12px;"
       />
       />
-      <div
-        v-if="show"
-        :class="[
-          'ml-10px text-16px font-700',
-          {
-            'text-[var(--logo-title-text-color)]': layout === 'classic',
-            'text-[var(--top-header-text-color)]':
-              layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'
-          }
-        ]"
-      >
-        {{ title }}
-      </div>
+      <img
+        class="h-[calc(var(--logo-height)-10px)] w-[calc(var(--logo-height)-10px)]"
+        src="@/assets/imgs/nscc-logo.png"
+      />
+      <!--      <div-->
+      <!--        v-if="show"-->
+      <!--        :class="[-->
+      <!--          'ml-10px text-16px font-700',-->
+      <!--          {-->
+      <!--            'text-[var(&#45;&#45;logo-title-text-color)]': layout === 'classic',-->
+      <!--            'text-[var(&#45;&#45;top-header-text-color)]':-->
+      <!--              layout === 'topLeft' || layout === 'top' || layout === 'cutMenu'-->
+      <!--          }-->
+      <!--        ]"-->
+      <!--      >-->
+      <!--        {{ title }}-->
+      <!--      </div>-->
     </router-link>
     </router-link>
   </div>
   </div>
 </template>
 </template>

src/layout/components/ToolHeader.vue

@@ -51,6 +51,7 @@ const hasTenantVisitPermission = computed(
 export default defineComponent({
 export default defineComponent({
   name: 'ToolHeader',
   name: 'ToolHeader',
   setup() {
   setup() {
+    //73 {hasTenantVisitPermission.value ? <TenantVisit /> : undefined}
     return () => (
     return () => (
       <div
       <div
         id={`${variables.namespace}-tool-header`}
         id={`${variables.namespace}-tool-header`}
@@ -69,7 +70,7 @@ export default defineComponent({
           </div>
           </div>
         ) : undefined}
         ) : undefined}
         <div class="h-full flex items-center">
         <div class="h-full flex items-center">
-          {hasTenantVisitPermission.value ? <TenantVisit /> : undefined}
+          {hasTenantVisitPermission.value ? undefined : undefined}
           {screenfull.value ? (
           {screenfull.value ? (
             <Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
             <Screenfull class="custom-hover" color="var(--top-header-text-color)"></Screenfull>
           ) : undefined}
           ) : undefined}

src/store/modules/app.ts

@@ -54,11 +54,11 @@ export const useAppStore = defineStore('app', {
       collapse: false, // 折叠菜单
       collapse: false, // 折叠菜单
       uniqueOpened: true, // 是否只保持一个子菜单的展开
       uniqueOpened: true, // 是否只保持一个子菜单的展开
       hamburger: true, // 折叠图标
       hamburger: true, // 折叠图标
-      screenfull: true, // 全屏图标
-      search: true, // 搜索图标
-      size: true, // 尺寸图标
-      locale: true, // 多语言图标
-      message: true, // 消息图标
+      screenfull: false, // 全屏图标
+      search: false, // 搜索图标
+      size: false, // 尺寸图标
+      locale: false, // 多语言图标
+      message: false, // 消息图标
       tagsView: true, // 标签页
       tagsView: true, // 标签页
       tagsViewImmerse: false, // 标签页沉浸
       tagsViewImmerse: false, // 标签页沉浸
       tagsViewIcon: true, // 是否显示标签图标
       tagsViewIcon: true, // 是否显示标签图标
@@ -77,19 +77,19 @@ export const useAppStore = defineStore('app', {
         // 左侧菜单边框颜色
         // 左侧菜单边框颜色
         leftMenuBorderColor: 'inherit',
         leftMenuBorderColor: 'inherit',
         // 左侧菜单背景颜色
         // 左侧菜单背景颜色
-        leftMenuBgColor: '#001529',
+        leftMenuBgColor: '#ffffff',
         // 左侧菜单浅色背景颜色
         // 左侧菜单浅色背景颜色
-        leftMenuBgLightColor: '#0f2438',
+        leftMenuBgLightColor: '#ffffff',
         // 左侧菜单选中背景颜色
         // 左侧菜单选中背景颜色
-        leftMenuBgActiveColor: 'var(--el-color-primary)',
+        leftMenuBgActiveColor: 'transparent',
         // 左侧菜单收起选中背景颜色
         // 左侧菜单收起选中背景颜色
         leftMenuCollapseBgActiveColor: 'var(--el-color-primary)',
         leftMenuCollapseBgActiveColor: 'var(--el-color-primary)',
         // 左侧菜单字体颜色
         // 左侧菜单字体颜色
-        leftMenuTextColor: '#bfcbd9',
+        leftMenuTextColor: '#000',
         // 左侧菜单选中字体颜色
         // 左侧菜单选中字体颜色
-        leftMenuTextActiveColor: '#fff',
+        leftMenuTextActiveColor: '#409eff',
         // logo字体颜色
         // logo字体颜色
-        logoTitleTextColor: '#fff',
+        logoTitleTextColor: '#000',
         // logo边框颜色
         // logo边框颜色
         logoBorderColor: 'inherit',
         logoBorderColor: 'inherit',
         // 头部背景颜色
         // 头部背景颜色

src/styles/var.css

@@ -5,15 +5,15 @@
 
 
   --left-menu-min-width: 64px;
   --left-menu-min-width: 64px;
 
 
-  --left-menu-bg-color: #001529;
+  --left-menu-bg-color: #ffffff;
 
 
   --left-menu-bg-light-color: #0f2438;
   --left-menu-bg-light-color: #0f2438;
 
 
-  --left-menu-bg-active-color: var(--el-color-primary);
+  --left-menu-bg-active-color: transparent;
 
 
-  --left-menu-text-color: #bfcbd9;
+  --left-menu-text-color: #000000;
 
 
-  --left-menu-text-active-color: #fff;
+  --left-menu-text-active-color: #409eff;
 
 
   --left-menu-collapse-bg-active-color: var(--el-color-primary);
   --left-menu-collapse-bg-active-color: var(--el-color-primary);
   /* left menu end */
   /* left menu end */