feat: collapse 新增 isAmin 属性, 是否启用折叠动画

This commit is contained in:
就眠儀式
2022-03-24 17:51:41 +08:00
parent 89deffc121
commit 5c4e0c805f
3 changed files with 37 additions and 6 deletions

View File

@@ -19,7 +19,7 @@ const props = withDefaults(defineProps<LayCollapseItemProps>(), {
disabled: false,
});
const { accordion, activeValues, emit } = inject("layCollapse") as any;
const { accordion, activeValues, emit, isAmin } = inject("layCollapse") as any;
let isShow = computed(() => {
return activeValues.value.includes(props.id);
@@ -50,14 +50,11 @@ const showHandle = function () {
<template>
<div class="layui-colla-item">
<h2
:class="['layui-colla-title', { 'layui-disabled': disabled }]"
@click="showHandle"
>
<h2 :class="['layui-colla-title', { 'layui-disabled': disabled }]" @click="showHandle">
<slot name="title" :props="props">{{ title }}</slot>
<i class="layui-icon layui-colla-icon">{{ isShow ? "" : "" }}</i>
</h2>
<lay-transition>
<lay-transition :enable="isAmin">
<div v-if="isShow">
<div class="layui-colla-content">
<p>