feat: 新增 menu 组件 collapseTransition 属性
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user