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">{{language[item.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" style="width: {{showFiltrate?'438rpx':'560rpx'}};">
        <view class="iconfont icon-a-sousuolansousuo" style="padding-left:20rpx;margin-right: 10rpx; " />
        <input class="input" value="{{condition}}" bindconfirm="confirmSearch" type="text" placeholder="{{language[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>{{language['排序']||'排序'}}</navigator>
    <navigator wx:if="{{showFiltrate}}" url="#" class="but" bindtap="onChick1" data-id="filtrate"><text class="iconfont icon-shaixuan"></text>{{language['筛选']||'筛选'}}</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="{{language['关键字']||'请输入搜索关键词'}}" bind:search='startSearch' bind:clear='endSearch' />
    <view class="Yl_history" wx:if="{{record}}">
        <view class="label" wx:if="{{showHistory && history.length}}">
            <text>{{language['最近搜索记录']||'最近搜索记录'}}</text>
        </view>
        <view class="content" wx:if="{{showHistory}}">
            <van-tag wx:for="{{history}}" style="margin-left: 6rpx;" wx:key="item" size="medium" round data-name="{{item}}" catch:close="delteTag" catchtap="clickTag">
                {{language[item]||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">
                {{language['排序类型']||'排序类型'}}
            </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}}">{{language[item.sortname]||item.sortname}}</van-button>
            </view>
        </view>
        <view class="groud" wx:if="{{filter.stageList.length!=0}}">
            <view class="label">
                {{language['查看顺序']||'查看顺序'}}
            </view>
            <view class="content">
                <van-button custom-class='but {{reversed==0?"active":""}}' bindtap="handleReversed" data-id="0"><text class="iconfont icon-jiangxu1" />{{language['降序']||'降序'}}</van-button>
                <van-button custom-class='but {{reversed==1?"active":""}}' bindtap="handleReversed" data-id="1"><text class="iconfont icon-shengxu" />{{language['升序']||'升序'}}</van-button>
            </view>
        </view>
    </Yl_ListBox>
    <view class="footer" bindtap="sortClick">
        <van-button data-name="close" custom-class='v-but'>{{language['关闭']||'关闭'}}</van-button>
        <van-button data-name="confirm" custom-class='v-but confirm'>{{language['确定']||'确定'}}</van-button>
    </view>
</van-popup>