yurong/unpackage/dist/dev/mp-weixin/pages/search/search.wxml

<view class="search-container data-v-4cedc0c6"><view class="search-header data-v-4cedc0c6"><view class="status-bar data-v-4cedc0c6" style="{{'height:'+(statusBarHeight+'px')+';'}}"></view><view class="header-main data-v-4cedc0c6"><view class="back-btn data-v-4cedc0c6" hover-class="back-btn-hover" data-event-opts="{{[['tap',[['goBack',['$event']]]]]}}" bindtap="__e"><text class="back-arrow data-v-4cedc0c6">‹</text></view><view data-event-opts="{{[['tap',[['onInputFocus',['$event']]]]]}}" class="search-input-wrap data-v-4cedc0c6" bindtap="__e"><text class="search-icon data-v-4cedc0c6"></text><input class="search-input data-v-4cedc0c6" type="text" placeholder="输入关键词或粘贴商品标题" confirm-type="search" focus="{{true}}" data-event-opts="{{[['confirm',[['onSearch',['$0'],['keyword']]]],['focus',[['onInputFocus',['$event']]]],['input',[['__set_model',['','keyword','$event',[]]]]]]}}" value="{{keyword}}" bindconfirm="__e" bindfocus="__e" bindinput="__e"/></view><view data-event-opts="{{[['tap',[['onSearch',['$0'],['keyword']]]]]}}" class="search-btn-red data-v-4cedc0c6" bindtap="__e">搜索</view></view><view class="platform-tabs data-v-4cedc0c6"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{['tab-item','data-v-4cedc0c6',(activePlatform===0)?'active':'']}}" bindtap="__e">淘宝</view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="{{['tab-item','data-v-4cedc0c6',(activePlatform===1)?'active':'']}}" bindtap="__e">京东</view><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="{{['tab-item','data-v-4cedc0c6',(activePlatform===2)?'active':'']}}" bindtap="__e">拼多多</view><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="{{['tab-item','data-v-4cedc0c6',(activePlatform===3)?'active':'']}}" bindtap="__e">抖音电商</view><view class="active-line data-v-4cedc0c6" style="{{'left:'+(tabLineLeft+'%')+';'}}"></view></view></view><scroll-view class="search-body data-v-4cedc0c6" style="{{'padding-top:'+(searchHeaderHeight+'px')+';'}}" scroll-y="{{true}}" data-event-opts="{{[['scrolltolower',[['onScrollBottom',['$event']]]]]}}" bindscrolltolower="__e"><block wx:if="{{isSearching}}"><block class="data-v-4cedc0c6"><view class="filter-bar data-v-4cedc0c6"><view data-event-opts="{{[['tap',[['changeSort',[1]]]]]}}" class="{{['filter-item','data-v-4cedc0c6',(sortType===1)?'active':'']}}" bindtap="__e">综合</view><view data-event-opts="{{[['tap',[['changeSort',[2]]]]]}}" class="{{['filter-item','data-v-4cedc0c6',(sortType===2)?'active':'']}}" bindtap="__e">销量</view><view data-event-opts="{{[['tap',[['changeSort',[3]]]]]}}" class="{{['filter-item','data-v-4cedc0c6',(sortType===3)?'active':'']}}" bindtap="__e">券后价<view class="price-arrows data-v-4cedc0c6"><text class="{{['up','data-v-4cedc0c6',(sortType===3&&priceOrder==='asc')?'hl':'']}}">▲</text><text class="{{['down','data-v-4cedc0c6',(sortType===3&&priceOrder==='desc')?'hl':'']}}">▼</text></view></view></view><view class="sub-filter-row data-v-4cedc0c6"><view data-event-opts="{{[['tap',[['toggleFilter',['coupon']]]]]}}" class="{{['sub-filter-item','data-v-4cedc0c6',(filterHasCoupon)?'active':'']}}" bindtap="__e">有券</view><view data-event-opts="{{[['tap',[['toggleFilter',['flagship']]]]]}}" class="{{['sub-filter-item','data-v-4cedc0c6',(filterIsFlagship)?'active':'']}}" bindtap="__e">旗舰店</view><view data-event-opts="{{[['tap',[['toggleFilter',['tmall']]]]]}}" class="{{['sub-filter-item','data-v-4cedc0c6',(filterIsTmall)?'active':'']}}" bindtap="__e">天猫</view><view data-event-opts="{{[['tap',[['toggleFilter',['brand']]]]]}}" class="{{['sub-filter-item','data-v-4cedc0c6',(filterIsBrand)?'active':'']}}" bindtap="__e">品牌</view></view><view class="goods-list data-v-4cedc0c6"><block wx:for="{{$root.l1}}" wx:for-item="goods" wx:for-index="idx" wx:key="idx"><view data-event-opts="{{[['tap',[['goToDetail',['$0'],[[['searchResults','',idx,'id']]]]]]]}}" class="goods-item data-v-4cedc0c6" bindtap="__e"><view class="g-img-left data-v-4cedc0c6"><image class="goods-img data-v-4cedc0c6" src="{{goods.$orig.image}}" mode="aspectFill"></image></view><view class="goods-info data-v-4cedc0c6"><view class="goods-title-row data-v-4cedc0c6"><text class="{{['shop-type-tag','data-v-4cedc0c6',goods.$orig.shopType==='天猫'?'tag-tmall':'tag-taobao']}}">{{goods.$orig.shopType}}</text><text class="g-title-text data-v-4cedc0c6">{{goods.$orig.title}}</text></view><block wx:if="{{goods.g0}}"><view class="labels-row data-v-4cedc0c6"><block wx:for="{{goods.l0}}" wx:for-item="label" wx:for-index="lIdx" wx:key="lIdx"><text class="label-tag data-v-4cedc0c6">{{label}}</text></block></view></block><view class="goods-price-section data-v-4cedc0c6"><view class="price-main data-v-4cedc0c6"><text class="price-tip data-v-4cedc0c6">{{goods.$orig.couponValue>0?'券后':'抢购价'}}</text><text class="price-symbol data-v-4cedc0c6">￥</text><text class="price-integer data-v-4cedc0c6">{{goods.$orig.finalPrice}}</text><block wx:if="{{goods.$orig.couponValue>0}}"><view class="coupon-box data-v-4cedc0c6"><text class="coupon-icon data-v-4cedc0c6">券</text><text class="coupon-txt data-v-4cedc0c6">{{goods.$orig.couponValue+"元"}}</text></view></block></view></view><view class="goods-bottom-info data-v-4cedc0c6"><text class="sales data-v-4cedc0c6">{{"已售"+goods.$orig.sales+"件"}}</text><text class="split-line data-v-4cedc0c6">|</text><text class="shop-name data-v-4cedc0c6">{{"店铺："+goods.$orig.shopName}}</text></view></view></view></block></view><view class="loading-status data-v-4cedc0c6"><block wx:if="{{loading}}"><view class="loading-text data-v-4cedc0c6">加载中...</view></block><block wx:else><block wx:if="{{$root.g1===0}}"><view class="empty-text data-v-4cedc0c6">暂无相关商品</view></block><block wx:else><block wx:if="{{finished}}"><view class="finished-text data-v-4cedc0c6">-- 已经到底啦 --</view></block></block></block></view><view class="footer-placeholder data-v-4cedc0c6"></view></block></block><block wx:else><block class="data-v-4cedc0c6"><block wx:if="{{$root.g2>0}}"><view class="section history-section data-v-4cedc0c6"><view class="section-title data-v-4cedc0c6"><text class="data-v-4cedc0c6">历史搜索</text><text data-event-opts="{{[['tap',[['clearHistory',['$event']]]]]}}" class="clear-history data-v-4cedc0c6" bindtap="__e">清空</text></view><view class="tag-list data-v-4cedc0c6"><block wx:for="{{historyList}}" wx:for-item="word" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onSearch',['$0'],[[['historyList','',index]]]]]]]}}" class="tag-item data-v-4cedc0c6" bindtap="__e">{{''+word+''}}</view></block></view></view></block><view class="steps-tip data-v-4cedc0c6"><text class="steps-title data-v-4cedc0c6">轻松省钱三部曲</text><view class="steps-row data-v-4cedc0c6"><text class="step-item data-v-4cedc0c6"><text class="step-num data-v-4cedc0c6">1.</text>输入关键词或商品标题</text><text class="step-arrow data-v-4cedc0c6">▶</text><text class="step-item data-v-4cedc0c6"><text class="step-num data-v-4cedc0c6">2.</text>点击搜索查询</text><text class="step-arrow data-v-4cedc0c6">▶</text><text class="step-item data-v-4cedc0c6"><text class="step-num data-v-4cedc0c6">3.</text>领券省钱购物</text></view></view><view class="section hot-tags-section data-v-4cedc0c6"><view class="section-title data-v-4cedc0c6">热门搜索</view><view class="tag-list data-v-4cedc0c6"><block wx:for="{{hotTags}}" wx:for-item="word" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onSearch',['$0'],[[['hotTags','',index]]]]]]]}}" class="tag-item data-v-4cedc0c6" bindtap="__e">{{''+word+''}}</view></block></view></view><view class="dual-columns data-v-4cedc0c6"><view class="column-card rank-card data-v-4cedc0c6"><view class="card-header data-v-4cedc0c6"><text class="card-icon data-v-4cedc0c6"></text><text class="card-title data-v-4cedc0c6">全网热搜</text><text class="card-sub data-v-4cedc0c6">今日热搜全知道</text></view><view class="rank-list data-v-4cedc0c6"><block wx:for="{{rankingList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onSearch',['$0'],[[['rankingList','',index,'keyword']]]]]]]}}" class="rank-item data-v-4cedc0c6" bindtap="__e"><view class="rank-num data-v-4cedc0c6"><block wx:if="{{index<3}}"><image class="rank-icon-img data-v-4cedc0c6" src="{{'https://img.bc.haodanku.com/cms_web/rank_'+(index+1)+'.png'}}" mode="aspectFit"></image></block><block wx:else><text class="num-txt data-v-4cedc0c6">{{index+1}}</text></block></view><image class="rank-img data-v-4cedc0c6" src="{{item.itempic}}" mode="aspectFill"></image><text class="rank-name data-v-4cedc0c6">{{item.keyword}}</text></view></block></view></view><view class="column-card topic-card data-v-4cedc0c6"><view class="card-header data-v-4cedc0c6"><text class="card-icon data-v-4cedc0c6"></text><text class="card-title data-v-4cedc0c6">热点话题</text><text class="card-sub data-v-4cedc0c6">热点资讯</text></view><view class="topic-list data-v-4cedc0c6"><block wx:for="{{hotThemes}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['onTopicClick',['$0'],[[['hotThemes','',index]]]]]]]}}" class="topic-item data-v-4cedc0c6" bindtap="__e"><view class="{{['topic-num','data-v-4cedc0c6','num-'+(index+1)]}}">{{index+1}}</view><text class="topic-title data-v-4cedc0c6">{{item.title}}</text></view></block></view></view></view><view class="copyright data-v-4cedc0c6"><text class="data-v-4cedc0c6">© 粉丝福利购专属优惠商城</text></view><view class="footer-placeholder data-v-4cedc0c6"></view></block></block></scroll-view></view>