feat: collapse 新增 isAmin 属性, 是否启用折叠动画
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user