improve: 优化菜单

This commit is contained in:
From-wh 2023-05-08 12:01:10 +08:00
parent 9417f5aea0
commit 0b6d028a5a
5 changed files with 11 additions and 6 deletions

View File

@ -137,7 +137,7 @@ export default {
themeStyle: '主题',
fiveAnimation: '主页面切换动画',
fiveColumnsAsideStyle: '菜单高亮风格',
fiveColumnsAsideLayout: '分栏布局风格',
fiveColumnsAsideLayout: '顶级菜单风格',
sixTitle: '布局切换',
sixDefaults: '默认',
sixClassic: '经典',

View File

@ -241,7 +241,7 @@ export default {
.layout-columns-tra-aside {
height: 100%;
background: var(--prev-bg-columnsMenuBar);
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
// box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
overflow-y: hidden;
// flex: 1;
ul {
@ -302,7 +302,7 @@ export default {
transform: translatey(0%);
z-index: 0;
transition: 0.3s ease-in-out;
border-radius: 5px;
border-radius: 3px;
}
.columns-card {
@extend .columns-round;

View File

@ -81,7 +81,7 @@ export default {
height: 50px;
display: flex;
align-items: center;
padding-right: 15px;
// padding-right: 15px;
overflow: hidden;
background: var(--prev-bg-topBar);
border-bottom: 1px solid var(--prev-border-color-lighter);

View File

@ -539,6 +539,11 @@ export default {
onSetLayout(layout) {
Local.set('oldLayout', layout);
if (this.$store.state.themeConfig.themeConfig.layout === layout) return false;
if (['classic', 'transverse'].includes(layout)) {
this.$store.state.themeConfig.themeConfig.isTagsview = false;
} else {
this.$store.state.themeConfig.themeConfig.isTagsview = true;
}
this.$store.state.themeConfig.themeConfig.layout = layout;
this.$store.state.themeConfig.themeConfig.isDrawer = false;
this.$store.state.themeConfig.themeConfig.columnsAsideStyle = 'columns-card';
@ -660,7 +665,7 @@ body .v-modal {
.el-container {
height: 100%;
.el-aside-dark {
opacity: .5;
opacity: 0.5;
background-color: var(--prev-tag-active-color);
border-radius: 2px;
}

View File

@ -461,7 +461,7 @@ export default {
width: 14px;
text-align: center;
line-height: 14px;
top: 1px;
top: 0px;
}
.is-tagsview-icon {
color: var(--prev-color-text-regular);