diff --git a/feature/src/App.vue b/feature/src/App.vue index 578411f0..79190627 100644 --- a/feature/src/App.vue +++ b/feature/src/App.vue @@ -8,37 +8,37 @@ > {{ $t('feature.market.explore') }} {{ $t('feature.market.efficiency') }} {{ $t('feature.market.searchTool') }} {{ $t('feature.market.imageTool') }} {{ $t('feature.market.developTool') }} {{ $t('feature.market.systemTool') }} @@ -72,7 +72,21 @@ -
+
@@ -103,14 +117,14 @@ const active = computed(() => store.state.active); const { perf } = localConfig.getConfig(); const changeMenu = (key: any) => { - store.commit('commonUpdate', {active: [key]}) + store.commit('commonUpdate', { active: [key] }); router.push(key); }; window.rubick.onPluginEnter(({ code }: { code: string }) => { code = code === '已安装插件' ? 'installed' : code; changeMenu(code); - store.commit('commonUpdate', {active: [code]}) + store.commit('commonUpdate', { active: [code] }); }); window.rubick.setSubInput((e: any) => { @@ -129,7 +143,7 @@ window.rubick.setSubInput((e: any) => { store.commit('setSearchValue', e.text); router.push('result'); } else { - store.commit('commonUpdate', {active: ['finder']}) + store.commit('commonUpdate', { active: ['finder'] }); router.push('finder'); } } @@ -144,13 +158,16 @@ init(); background: var(--color-body-bg2) !important; height: 100%; border-right: none; - .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-arrow { + .ant-menu-item, + .ant-menu-submenu, + .ant-menu-submenu-arrow { color: var(--color-text-content); &:active { background: none; } } - .ant-menu-item-selected, .ant-menu-submenu-selected { + .ant-menu-item-selected, + .ant-menu-submenu-selected { background-color: var(--color-list-hover); color: var(--ant-primary-color); .ant-menu-submenu-arrow { @@ -203,9 +220,12 @@ init(); background: var(--color-body-bg2); } .left-menu { - padding: 24px 16px; + padding: 16px; position: relative; height: 100vh; + :deep(.ant-menu) { + width: 100%; + } :deep(.ant-menu-item) { padding-left: 12px !important; display: flex; @@ -219,7 +239,14 @@ init(); } :deep(.user-info) { position: absolute; - bottom: 32px; + bottom: 16px; + width: calc(100% - 32px); + .ant-menu-submenu-title { + padding: 0 32px 0 8px; + .ant-menu-title-content { + margin-left: 8px; + } + } } :deep(.ant-avatar) { background: transparent;