sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:样式适配

Browse Source
This commit is contained in:
刘玉霞 2024-11-13 15:49:02 +08:00
parent 4f7927874c
commit 629b9f3455
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/dasadmin/src/layouts/backend/components/menus/menuTree.vue
View File

@ -93,8 +93,11 @@ const onClickSubMenu = (menu: RouteRecordRaw) => {
padding: 0 v-bind(padding); padding: 0 v-bind(padding);
} }
} }
:deep(.el-sub-menu__title) { .el-sub-menu {
padding: 0 v-bind(padding); :deep(.el-sub-menu__title) {
height: v-bind(height);
padding: 0 v-bind(padding);
}
} }
.el-sub-menu .icon, .el-sub-menu .icon,
.el-menu-item .icon { .el-menu-item .icon {

5
ui/dasadmin/src/layouts/backend/components/menus/menuVertical.vue
View File

@ -14,7 +14,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, nextTick, onMounted, reactive, onUnmounted } from 'vue' import { ref, computed, nextTick, onMounted, reactive, onUnmounted, watch } from 'vue'
import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue' import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router' import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
import { layoutMenuRef, layoutMenuScrollbarRef } from '/@/stores/refs' import { layoutMenuRef, layoutMenuScrollbarRef } from '/@/stores/refs'
@ -40,6 +40,9 @@ onUnmounted(() => {
// 组件卸载前移除监听器 // 组件卸载前移除监听器
window.removeEventListener('resize', resizeHandler) window.removeEventListener('resize', resizeHandler)
}) })
watch([() => config.layout.menuCollapse], () => {
resizeHandler()
})
const resizeHandler = () => { const resizeHandler = () => {
width.value = config.layout.menuCollapse ? '5px' : window.screen.width < 1920 ? '10px' : '20px' width.value = config.layout.menuCollapse ? '5px' : window.screen.width < 1920 ? '10px' : '20px'
} }