tdesign-miniprogram/src/picker/picker.wxml at 64d4b2ff99497736abe4aedd74c81e3db5c3947e · Tencent/tdesign-miniprogram · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<wxs src="../common/utils.wxs" module="_" />

<t-popup
  class="class"
  visible="{{visible}}"
  placement="bottom"
  bind:visible-change="onPopupChange"
  z-index="{{ popupProps.zIndex || defaultPopUpzIndex }}"
  overlay-props="{{ popupProps.overlayProps || defaultPopUpProps }}"
>
  <view slot="content" style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{prefix}}-class">
    <view class="{{classPrefix}}__toolbar" wx:if="{{header}}">
      <view
        class="{{classPrefix}}__cancel {{prefix}}-class-cancel"
        wx:if="{{cancelBtn}}"
        bindtap="onCancel"
        aria-role="button"
      >
        {{cancelBtn}}
      </view>
      <view class="{{classPrefix}}__title {{prefix}}-class-title">{{title}}</view>
      <view
        class="{{classPrefix}}__confirm {{prefix}}-class-confirm"
        wx:if="{{confirmBtn}}"
        bindtap="onConfirm"
        aria-role="button"
      >
        {{confirmBtn}}
      </view>
    </view>
    <slot name="header" />
    <view class="{{_.cls(classPrefix + '__main', [])}}">
      <slot />
      <view class="{{classPrefix}}__mask {{classPrefix}}__mask--top" />
      <view class="{{classPrefix}}__mask {{classPrefix}}__mask--bottom" />
      <view class="{{classPrefix}}__indicator"></view>
    </view>
  </view>
</t-popup>