<!--components/2.0/filter/filter-group.wxml-->
<view class="view filter-group-view {{caixiOpened || filterOpened?'mask':''}}"
      bindtap="hide"
      style="height: {{caixiOpened || filterOpened?height+'px':'auto'}};">
    <view catchtap="catchtap"
            class="view bg-white flex flex-sub filter-group padding-top padding-left-lg padding-right-lg padding-bottom-sm {{caixiOpened || filterOpened?'filter-group-opened':''}}">
        <view class="view cu-tag round {{caixiOpened?'opened text-blue':''}} {{multiIndex[0]>0?'bg-blue light':''}} " bindtap="caixiShow">
            <block wx:if="{{multiIndex[0]==0}}">菜系</block>
            <block wx:else="">{{multiArray[0][multiIndex[0]]}}</block>
            <view class="more view"></view>
        </view>
        <block wx:for="{{tags}}" wx:key="tags.key">
            <view class="view cu-tag round {{item.active?'bg-blue light':''}}"
                  bindtap="tagsChange"
                  data-id="{{item.id}}">{{item.name}}</view>
        </block>
        <view class="view cu-tag round {{filterOpened?'opened text-blue':''}} {{filterParams.consumeStr?'bg-blue light':''}}" bindtap="filterShow">
            {{filterParams.consumeStr?filterParams.consumeStr:'筛选'}}
            <view class="more view"></view>
        </view>
    </view>
    <view class="opened-block bg-white" catchtap="catchtap">
        <caixi multiArray="{{multiArray}}" multiIndex="{{multiIndex}}"
               bindactive="caixiActive" id="caixi"
        ></caixi>
        <filter id="filter" bindevent="filterEvent"></filter>
    </view>
</view>