feat: 菜单公司logo样式随主题变化

src/layout/logo/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="logo">
-    <img v-if="!collapsed" src="~@/assets/images/logowithtext.png" alt="" />
+    <!-- <img v-if="!collapsed" src="~@/assets/images/logowithtext.png" alt="" /> -->
+    <div v-if="!collapsed" class="flex items-center">
+      <img src="~@/assets/images/logo.png" /><span class="company-name">華信智能</span></div
+    >
     <img v-else src="~@/assets/images/logo.png" class="collapsed-icon" />
     <!-- <h2 v-show="!collapsed" class="title">华信OA</h2> -->
   </div>
@@ -15,6 +18,15 @@
 </script>
 
 <style lang="less" scoped>
+  .ant-layout-sider-dark {
+    .company-name {
+      color: white;
+    }
+  }
+  .company-name {
+    @apply text-2xl font-bold ml-xs tracking-widest;
+    font-family: cursive;
+  }
   .logo {
     @apply flex overflow-hidden whitespace-nowrap items-center justify-center;
 
@@ -22,10 +34,7 @@
     line-height: 64px;
 
     img {
-      height: 45px;
-    }
-    .collapsed-icon {
-      height: 35px;
+      height: 2.5rem;
     }
 
     .title {

src/store/modules/layoutSetting.ts

@@ -35,7 +35,7 @@ export type LayoutSetting = {
 };
 
 export const defaultSetting: LayoutSetting = {
-  navTheme: 'dark', // theme for nav menu
+  navTheme: 'light', // theme for nav menu
   colorPrimary: '#2a71b9', // '#F5222D', // primary color of ant design
   layout: 'sidemenu', // nav menu position: `sidemenu` or `topmenu`
   contentWidth: 'Fluid', // layout of content: `Fluid` or `Fixed`, only works when layout is topmenu

src/styles/antdv.override.less

@@ -11,3 +11,6 @@ body {
 .ant-image-preview-root img {
   display: unset;
 }
+:where(.css-dev-only-do-not-override-1mg5uni).ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
+  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+}