<!--components/reserve/search/filter.wxml-->
<view class="filter {{hasDisplay?'animation-slide-top':''}}" catchtap="catchtap" wx:if="{{hasDisplay}}">
    <view class="part flex-ll">
        人均消费
        <view class="txt" wx:if="{{consumeStr}}">{{consumeStr}}</view>
    </view>
    <view class="flex-lr tips">
        <view class="content">¥0</view>
        <view class="content">¥300以上</view>
    </view>
    <view class="consume flex-vc">
        <consume style="width:99%;" id="consume"
                 cla="slider20"
                 minValue="0" maxValue="300" min="0" max="300"
                 step="10"
                 blockColor="#ffffff"
                 backgroundColor="#D8D8D8"
                 selectedColor="#42A5FF"
                 bindevent="consumeEvent">
        </consume>
    </view>
    <view class="flex-lr split">
        <view class="item {{active=='0,100'?'active':''}}" bindtap="changeVal" data-val="0,100">¥100以下</view>
        <view class="item {{active=='100,200'?'active':''}}" bindtap="changeVal" data-val="100,200">¥100-200</view>
        <view class="item {{active=='200,300'?'active':''}}" bindtap="changeVal" data-val="200,300">¥200-300</view>
        <view class="item {{active=='300,300'?'active':''}}" bindtap="changeVal" data-val="300,300">¥300以上</view>
    </view>
    <view class="flex-lr buttons">
        <view class="reset" bindtap="reset">重置</view>
        <view class="submit" bindtap="submit">完成</view>
    </view>
</view>