feat: 新增 menu 组件 collapseTransition 属性

This commit is contained in:
就眠儀式
2022-03-24 22:37:05 +08:00
parent 0ae76917cb
commit 9c4cebcbd2
7 changed files with 38 additions and 23 deletions

View File

@@ -253,7 +253,7 @@
color: #fff;
}
.layui-nav-itemed > .layui-nav-child {
.layui-nav-tree .layui-nav-child {
display: block;
background-color: rgba(0, 0, 0, 0.2);
}
@@ -297,7 +297,7 @@
* {
color: grey !important;
}
.layui-nav-itemed > .layui-nav-child {
.layui-nav-child {
background-color: rgba(0, 0, 0, 0.02);
}
}

View File

@@ -16,6 +16,7 @@ export interface LayMenuProps {
inverted?: boolean | string;
level?: boolean | string;
collapse?: boolean | string;
collapseTransition?: boolean | string;
}
const emit = defineEmits(["update:selectedKey", "update:openKeys"]);
@@ -28,12 +29,14 @@ const props = withDefaults(defineProps<LayMenuProps>(), {
inverted: false,
level: false,
collapse: false,
collapseTransition: true
});
let oldOpenKeys = ref<string[]>([]);
const isTree = computed(() => props.tree);
const isCollapse = computed(() => props.collapse);
const isCollapseTransition = computed(() => props.collapseTransition);
const openKeys = computed({
get() {
@@ -72,6 +75,7 @@ provide("isTree", isTree);
provide("selectedKey", selectedKey);
provide("openKeys", openKeys);
provide("isCollapse", isCollapse);
provide("isCollapseTransition", isCollapseTransition);
</script>
<template>