drawer.wxml 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <wxs src="../common/utils.wxs" module="_" />
  2. <t-popup
  3. wx:if="{{!destroyOnClose || visible}}"
  4. style="{{_._style([style, customStyle])}}"
  5. class="class"
  6. bind:visible-change="visibleChange"
  7. visible="{{visible}}"
  8. zIndex="{{zIndex}}"
  9. placement="{{placement == 'right' ? 'right' : 'left'}}"
  10. showOverlay="{{showOverlay}}"
  11. closeOnOverlayClick="{{closeOnOverlayClick}}"
  12. >
  13. <view class="{{classPrefix}}">
  14. <slot name="title" />
  15. <view wx:if="{{title}}" class="{{classPrefix}}__title">{{title}}</view>
  16. <scroll-view class="{{classPrefix}}__sidebar" scroll-y>
  17. <view
  18. class="{{classPrefix}}__sidebar-item"
  19. hover-class="{{classPrefix}}--hover"
  20. hover-stop-propagation="{{false}}"
  21. hover-start-time="{{0}}"
  22. hover-stay-time="{{100}}"
  23. wx:for="{{items}}"
  24. wx:item="item"
  25. wx:key="index"
  26. data-item="{{item}}"
  27. data-index="{{index}}"
  28. bindtap="itemClick"
  29. aria-role="{{ ariaRole || 'button' }}"
  30. aria-label="{{item.title}}"
  31. >
  32. <view aria-hidden="{{true}}" wx:if="{{item.icon}}" class="{{classPrefix}}__sidebar-item-icon">
  33. <t-icon name="{{item.icon}}" />
  34. </view>
  35. <view class="{{classPrefix}}__sidebar-item-title"> {{item.title}} </view>
  36. </view>
  37. </scroll-view>
  38. <view class="{{classPrefix}}__footer">
  39. <slot />
  40. <slot name="footer" />
  41. </view>
  42. </view>
  43. </t-popup>