yixr
/
localhost_oa_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
louis 2024-02-28 13:29:54 +08:00
parent dce05f6c40
commit 051213b5e5
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/layout/logo/index.vue
View File

@ -1,6 +1,9 @@
<template> <template>
<div class="logo"> <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" /> <img v-else src="~@/assets/images/logo.png" class="collapsed-icon" />
<!-- <h2 v-show="!collapsed" class="title">华信OA</h2> --> <!-- <h2 v-show="!collapsed" class="title">华信OA</h2> -->
</div> </div>
@ -15,6 +18,15 @@
</script> </script>
<style lang="less" scoped> <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 { .logo {
@apply flex overflow-hidden whitespace-nowrap items-center justify-center; @apply flex overflow-hidden whitespace-nowrap items-center justify-center;
@ -22,10 +34,7 @@
line-height: 64px; line-height: 64px;
img { img {
height: 45px; height: 2.5rem;
}
.collapsed-icon {
height: 35px;
} }
.title { .title {

2
src/store/modules/layoutSetting.ts
View File

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

3
src/styles/antdv.override.less
View File

@ -11,3 +11,6 @@ body {
.ant-image-preview-root img { .ant-image-preview-root img {
display: unset; 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);
}