style: 调整主题,修改子系统切换的样式,略微调整系统导航栏的高度

This commit is contained in:
gaoyunqi
2024-02-24 12:52:09 +08:00
parent 96ed35405b
commit 72936bc553
7 changed files with 13 additions and 31 deletions

View File

@ -3,22 +3,9 @@
v-if="getShowContent && getShowBread"
:selectedKeys="cur"
mode="horizontal"
:theme="Mtheme"
:class="[prefixCls, `${prefixCls}--${theme}`]"
>
<MenuItem v-for="item in system" :key="item.id" class="item-system">
<template #icon>
<Tooltip>
<template #title>{{ item.name }}</template>
<Icon
:icon="item.icon || 'ant-design:appstore-outlined'"
color="#DEDFFF"
size="26"
style="vertical-align: -7px"
@click="changeSystem(item.id)"
/>
</Tooltip>
</template>
<MenuItem v-for="item in system" @click="changeSystem(item.id)" :key="item.id" class="item-system">
{{ item.name }}
</MenuItem>
</AMenu>
@ -143,7 +130,7 @@
border: 0;
.ant-menu-item {
padding: 0;
padding: 0 10px;
&:hover {
background: none;
@ -158,10 +145,6 @@
margin: 0 5px;
padding: 6px;
}
.ant-menu-title-content {
display: none;
}
}
.ant-menu-item-selected {

View File

@ -2,7 +2,7 @@
<Dropdown :overlayClassName="`${prefixCls}-dropdown-overlay`" placement="bottomRight">
<span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex">
<span style="border-left: 1px solid rgb(255 255 255 / 30%); height: 30px; padding-right: 15px"></span>
<div style="margin-right: 12px; height: 30px; margin-top: -12px">
<div style="margin-right: 12px; height: 30px; margin-top: -10px">
<a-image :height="24" :src="getUserInfo.avatar" :width="24" fallback="src/assets/images/header.jpg" />
</div>
<span :class="`${prefixCls}__info hidden md:block`">