<!--components/my-dropdown/index.wxml-->
<view style="position: relative; z-index: 99999;">
  <view class="menu-container">
    <view bindtap="selectMenuItem" data-menuIdx="{{index}}" wx:for="{{tabText}}" class="item-container">
      <text class="item-text {{item.active ? 'item-text-active' : ''}}">{{item.text}}</text>
      <image class="item-icon" src="{{item.active ? '/static/icon/active.png' : '/static/icon/normal.png' }} "></image>
    </view>
  </view>

  <view style="position: absolute; z-index: 99999;" wx:if="{{showProp}}">
    <view wx:for="{{tabText}}" wx:for-item="menuItem" wx:for-index="menuIdx" hidden="{{!menuItem.active}}"
      class="box-container">
      <view class="box-head"><text class="box-head-text">{{menuItem.head}}</text></view>
      <view class="box-option-container">
        <view wx:for="{{menuItem.child}}" bindtap="selectOptionItem" data-menuIdx="{{menuIdx}}"
          data-optionId="{{index}}" class="option-item {{item.selected ? ' option-item-active' : ''}}"><text
            class="option-item-text">{{item.text}}</text></view>
      </view>
      <text class="clean {{ableClean[menuIdx] ? 'clean-active' : ''}}" bindtap="onClean"
        data-menuIdx="{{menuIdx}}">清空条件</text>
      <view class="confirm" bindtap="onConfirm" data-menuIdx="{{menuIdx}}"><text>确定</text></view>
    </view>
  </view>
</view>

<view bindtap="hiddenProp" wx:if="{{showProp}}"
  style="height: 100%; width: 750rpx; top: 0; left: 0; z-index: 9999; position: absolute; background-color: rgb(0, 0, 0); opacity: 0.3;">
</view>