xzy/pages/product/search.wxml

<view class="content">
    <view class="vheight"></view>
    <view class="input-box flex">
        <view class=" input-content flex">
            <view class="iconfont iconsearch"></view>
            <view class="input">
                <input bindinput="__e" data-event-opts="{{[ [ 'input',[ [ '__set_model',[ '','keyword','$event',[] ] ] ] ] ]}}" placeholder="请输入搜索内容" type="text" value="{{keyword}}"></input>
            </view>
        </view>
        <view bindtap="__e" class="input-button flex" data-event-opts="{{[ [ 'tap',[ [ 'navTo',['$event'] ] ] ] ]}}">
            <text>搜索</text>
        </view>
    </view>
    <swiper class="swiper-box " current="{{tabCurrentIndex}}" duration="300">
        <swiper-item class="search-hot">
            <view class="title">
                <text>热门搜索</text>
            </view>
            <view class="hot-list">
                <view bindtap="__e" class="list-item" data-event-opts="{{[ [ 'tap',[ [ 'clickHotText',['$0'],[ [ ['list','',ind] ] ] ] ] ] ]}}" wx:for="{{list}}" wx:for-index="ind" wx:for-item="ls" wx:key="ind">
                    <text>{{ls}}</text>
                </view>
            </view>
        </swiper-item>
        <swiper-item class="search-hot position-relative">
            <view class="navbar">
                <view bindtap="__e" class="nav-item" data-event-opts="{{[ [ 'tap',[ ['defaultSearch'] ] ] ]}}">默认</view>
                <view bindtap="__e" class="{{['nav-item',searchType===1?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'sortTab',[1] ] ] ] ]}}">
                    <text>销量优先</text>
                    <view class="p-box">
                        <text class="{{['iconfont iconfold',searchType===1&&numberOrder===1?'active':'']}}"></text>
                        <text class="{{['iconfont iconfold xia',searchType===1&&numberOrder===2?'active':'']}}"></text>
                    </view>
                </view>
                <view bindtap="__e" class="{{['nav-item',searchType===2?'current':'']}}" data-event-opts="{{[ [ 'tap',[ [ 'sortTab',[2] ] ] ] ]}}">
                    <text>价格</text>
                    <view class="p-box">
                        <text class="{{['iconfont iconfold',searchType===2&&priceOrder===1?'active':'']}}"></text>
                        <text class="{{['iconfont iconfold xia',searchType===2&&priceOrder===2?'active':'']}}"></text>
                    </view>
                </view>
                <view bindtap="__e" class="{{['nav-item',newOrder==1?'current':'']}}" data-event-opts="{{[ [ 'tap',[ ['newGoodsTab'] ] ] ]}}">新品</view>
            </view>
            <scroll-view bindscrolltolower="__e" class="cate-list" data-event-opts="{{[ [ 'scrolltolower',[ [ 'getProducts',['$event'] ] ] ] ]}}" scrollY="{{true}}">
                <view class="guess-section">
                    <view bindtap="__e" class="guess-item" data-event-opts="{{[ [ 'tap',[ [ 'navToDetailPage',['$0'],[ [ ['goodsList','',index] ] ] ] ] ] ]}}" wx:for="{{goodsList}}" wx:key="index">
                        <view class="image-wrapper">
                            <image mode="aspectFill" src="{{item.image}}"></image>
                        </view>
                        <text class="title clamp margin-c-20">{{item.store_name}}</text>
                        <view class="cmy-hr"></view>
                        <view class="price margin-c-20 flex">
                            <view>
                                <text class="font-size-sm ">￥</text>{{''+item.price+''}}</view>
                            <view class="font-size-sm">
                                <text class="font-color-gray">{{item.sales+'人购买'}}</text>
                            </view>
                        </view>
                    </view>
                </view>
                <uni-load-more bind:__l="__l" status="{{loadingType}}" vueId="1e45b5a5-1"></uni-load-more>
            </scroll-view>
        </swiper-item>
    </swiper>
</view>