water_xcx/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel.wxml

32 lines
1.2 KiB
Plaintext

<wxs src="../common/utils.wxs" module="utils" />
<view class="{{classPrefix}} {{prefix}}-class">
<t-cell
title="{{header}}"
note="{{headerRightContent}}"
bordered
right-icon="{{ ultimateExpandIcon ? (expanded ? 'chevron-up' : 'chevron-down') : '' }}"
class="{{classPrefix}}__title"
t-class="{{classPrefix}}__header {{prefix}}-class-header"
t-class-title="class-title {{ultimateDisabled ? 'class-title--disabled' : ''}}"
t-class-note="class-note {{ultimateDisabled ? 'class-note--disabled' : ''}}"
t-class-right-icon="class-right-icon {{ultimateDisabled ? 'class-right-icon--disabled' : ''}}"
t-class-hover="class-header-hover"
bind:click="onClick"
>
<slot name="header" slot="title" />
<slot name="header-right-content" slot="note" />
<slot name="expand-icon" slot="right-icon" />
</t-cell>
<view class="{{classPrefix}}__wrapper" style="height: {{contentHeight}};" bind:transitionend="onTransitionEnd">
<view
class="{{classPrefix}}__content {{classPrefix}}__content--{{expanded ? 'active' : ''}} {{prefix}}-class-content"
>
{{content}}
<slot />
<slot name="content" />
</view>
</view>
</view>
<!-- parentDisabled -->