filter.wxml 1.75 KB
<!--components/reserve/search/filter.wxml-->
<view class="mask" wx:if="{{hasDisplay}}" bindtap="close">
    <view class="filter" catchtap="catchtap">
        <view class="header flex-lr">
            <view></view>
            <view class="title">更多筛选</view>
            <view class="close" bindtap="close"></view>
        </view>
        <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"
                    minValue="0" maxValue="300" min="0" max="300"
                     step="10"
                     blockColor="#fefefe"
                     backgroundColor="#D8D8D8"
                     selectedColor="#E9BE94"
                     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>
</view>