city-casereport/miniprogram_npm/tdesign-miniprogram/drawer/drawer.wxml
2023-12-06 14:22:42 +08:00

45 lines
1.4 KiB
Plaintext

<wxs src="../common/utils.wxs" module="_" />
<t-popup
wx:if="{{!destroyOnClose || visible}}"
style="{{_._style([style, customStyle])}}"
class="class"
bind:visible-change="visibleChange"
visible="{{visible}}"
zIndex="{{zIndex}}"
placement="{{placement == 'right' ? 'right' : 'left'}}"
showOverlay="{{showOverlay}}"
closeOnOverlayClick="{{closeOnOverlayClick}}"
>
<view class="{{classPrefix}}">
<slot name="title" />
<view wx:if="{{title}}" class="{{classPrefix}}__title">{{title}}</view>
<scroll-view class="{{classPrefix}}__sidebar" scroll-y>
<view
class="{{classPrefix}}__sidebar-item"
hover-class="{{classPrefix}}--hover"
hover-stop-propagation="{{false}}"
hover-start-time="{{0}}"
hover-stay-time="{{100}}"
wx:for="{{items}}"
wx:item="item"
wx:key="index"
data-item="{{item}}"
data-index="{{index}}"
bindtap="itemClick"
aria-role="{{ ariaRole || 'button' }}"
aria-label="{{item.title}}"
>
<view aria-hidden="{{true}}" wx:if="{{item.icon}}" class="{{classPrefix}}__sidebar-item-icon">
<t-icon name="{{item.icon}}" />
</view>
<view class="{{classPrefix}}__sidebar-item-title"> {{item.title}} </view>
</view>
</scroll-view>
<view class="{{classPrefix}}__footer">
<slot />
<slot name="footer" />
</view>
</view>
</t-popup>