theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: transition 新增 enable 属性, 用于开启关闭过渡

Browse Source
This commit is contained in:
就眠儀式 2022-03-24 16:23:29 +08:00
parent ce356012ce
commit 7b6854629b
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/component/transition/index.vue
View File

@ -1,9 +1,12 @@
<template>
<LayCollapseTransition v-if="type === 'collapse'"
><slot></slot
></LayCollapseTransition>
<template v-if="enable">
<LayCollapseTransition v-if="type === 'collapse'"><slot></slot></LayCollapseTransition>
<LayFadeTransition v-if="type === 'fade'"><slot></slot></LayFadeTransition>
</template>
<template v-else>
<slot></slot>
</template>
</template>
<script lang="ts">
export default {
@ -17,9 +20,11 @@ import LayFadeTransition from "./fadeTransition.vue";
export interface LayTransitionProps {
type?: string;
enable?: boolean;
}
const props = withDefaults(defineProps<LayTransitionProps>(), {
type: "collapse",
enable: true
});
</script>