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

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

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

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

@ -14,7 +14,7 @@
</template>
<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 { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
import { layoutMenuRef, layoutMenuScrollbarRef } from '/@/stores/refs'
@ -40,6 +40,9 @@ onUnmounted(() => {
// 组件卸载前移除监听器
window.removeEventListener('resize', resizeHandler)
})
watch([() => config.layout.menuCollapse], () => {
resizeHandler()
})
const resizeHandler = () => {
width.value = config.layout.menuCollapse ? '5px' : window.screen.width < 1920 ? '10px' : '20px'
}