E_WeChat/components/Yl_HeadNav/index.wxml

<view class="Yl_nav_box" wx:if="{{style=='default'}}">
    <view class="mian">
        <navigator class="item" url="#" wx:for="{{list}}" wx:key="index" style="width: {{item.width}};" bindtap="onClick" data-item="{{item}}">
            <text class="iconfont {{item.icon}}" style="color: {{item.color}};" />
            <text class="label">{{item.label}}</text>
        </navigator>
    </view>
    <navigator wx:if="{{search}}" class="search" url="#" bindtap="clickSearch">
        <text class="iconfont icon-a-sousuolansousuo" style="color: {{startUsing?'var(--assist)':''}};" />
    </navigator>
</view>
<view class="Yl_head_1" wx:else>
    <view class="search">
        <view class="iconfont icon-a-sousuolansousuo" style="padding-left:20rpx;margin-right: 10rpx;" />
        <input class="input" value="{{condition}}" bindconfirm="confirmSearch" type="text" placeholder="{{placeholder}}" style="flex: 1;" />
        <navigator wx:if="{{condition}}" bindtap="endSearch" url="#" class="iconfont icon-quxiao" />
    </view>
    <navigator url="#" class="but" bindtap="onChick1" data-id="sort"><text class="iconfont icon-shengxu"></text>排序</navigator>
    <navigator url="#" class="but" bindtap="onChick1" data-id="filtrate"><text class="iconfont icon-shaixuan"></text>筛选</navigator>
</view>

<van-transition show="{{ startUsing }}" custom-class="block">
    <van-search custom-class='Yl_search' value="{{ condition }}" bindfocus='onFocus' bind:blur='onBlur' shape="round" placeholder="请输入搜索关键词" bind:search='startSearch' bind:clear='endSearch' />
    <view class="Yl_history" wx:if="{{record}}">
        <view class="label" wx:if="{{showHistory && history.length}}">
            <text>最近搜索记录</text>
            <!-- <text class="iconfont icon-guanlian-shanchu" style="font-size: 24rpx;" bindtap="deleteHistory" /> -->
        </view>
        <view class="content" wx:if="{{showHistory}}">
            <!-- closeable -->
            <van-tag wx:for="{{history}}" style="margin-left: 6rpx;" wx:key="item" size="medium" round data-name="{{item}}" catch:close="delteTag" catchtap="clickTag">
                {{item}}
            </van-tag>
        </view>
    </view>
</van-transition>

<van-popup show="{{ sortShow }}" position="right" custom-style="width: 660rpx; height:100vh;overflow: hidden;" safe-area-inset-bottom='{{false}}' bind:close="sortClose">
    <view class="Yl_head" />
    <Yl_ListBox height="{{listHeight}}" pullDown='{{false}}'>
        <view class="groud" wx:if="{{filter.stageList.length!=0}}">
            <view class="label">
                排序类型
            </view>
            <view class="content">
                <van-button custom-class='but {{item.sorted==1?"active":""}}' wx:for="{{sort}}" wx:key="sortid" bindtap="handleSort" data-id="{{item.sortid}}">{{item.sortname}}</van-button>
            </view>
        </view>
        <view class="groud" wx:if="{{filter.stageList.length!=0}}">
            <view class="label">
                查看顺序
            </view>
            <view class="content">
                <van-button custom-class='but {{reversed==0?"active":""}}' bindtap="handleReversed" data-id="0"><text class="iconfont icon-jiangxu1" />降序</van-button>
                <van-button custom-class='but {{reversed==1?"active":""}}' bindtap="handleReversed" data-id="1"><text class="iconfont icon-shengxu" />升序</van-button>
            </view>
        </view>
    </Yl_ListBox>
    <view class="footer" bindtap="sortClick">
        <van-button data-name="close" custom-class='v-but'>关闭</van-button>
        <van-button data-name="confirm" custom-class='v-but confirm'>确定</van-button>
    </view>
</van-popup>