index.wxml 4.0 KB
<view><u-sticky vue-id="8dd740cc-1" bgColor="#fff" bind:__l="__l" vue-slots="{{['default']}}"><u-navbar vue-id="{{('8dd740cc-2')+','+('8dd740cc-1')}}" placeholder="{{true}}" autoBack="{{true}}" data-event-opts="{{[['^rightClick',[['rightClick']]]]}}" bind:rightClick="__e" bind:__l="__l" vue-slots="{{['center']}}"><view class="topSearchBox" slot="center"><u-search vue-id="{{('8dd740cc-3')+','+('8dd740cc-2')}}" placeholder="请输入商家名称" clearabled="{{true}}" showAction="{{false}}" value="{{searchValue}}" data-event-opts="{{[['^search',[['searchHandler1']]],['^input',[['__set_model',['','searchValue','$event',[]]]]]]}}" bind:search="__e" bind:input="__e" bind:__l="__l"></u-search></view></u-navbar><block wx:if="{{searchState==1}}"><u-tabs vue-id="{{('8dd740cc-4')+','+('8dd740cc-1')}}" list="{{list1}}" lineWidth="{{40}}" lineColor="#6E16FF" inactiveStyle="{{inactiveStyle}}" activeStyle="{{activeStyle}}" scrollable="{{false}}" bind:__l="__l"></u-tabs></block></u-sticky><u-modal vue-id="8dd740cc-5" show="{{historyListShow}}" showCancelButton="{{true}}" content="{{content}}" data-event-opts="{{[['^cancel',[['e0']]],['^confirm',[['confirmRemoveHistorySearchHandler']]]]}}" bind:cancel="__e" bind:confirm="__e" bind:__l="__l"></u-modal><block wx:if="{{searchState==2}}"><view class="mainBox"><block wx:if="{{historyGoodsSearchList.length!==0}}"><view class="flexJ"><view class="historyText">历史搜索</view><u-icon vue-id="8dd740cc-6" name="trash" data-event-opts="{{[['^click',[['e1']]]]}}" bind:click="__e" bind:__l="__l"></u-icon></view></block><view class="flexA historySearchBox"><block wx:for="{{historyGoodsSearchList}}" wx:for-item="item" wx:for-index="__i0__" wx:key="*this"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['historyGoodsSearchList','',__i0__]]]]]]]}}" class="historySearchText flexC" bindtap="__e">{{''+item+''}}</view></block></view><view class="hotSearchBox"><view class="flexA" style="margin-bottom:32rpx;"><image style="width:32rpx;height:32rpx;" src="/static/hotsearch.png" mode="scaleToFill"></image><view class="hotsearchText">热门搜索</view></view><view class="hotCentent"><view class="leftHotList"><block wx:for="{{firstList}}" wx:for-item="item" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['firstList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index" style="{{'background:'+(item.id==1?'#f03f30':item.id==2?'#f2b738':item.id==3?'#a3b5e1':'')+';'}}">{{''+item.id+''}}</view><text>{{item.title}}</text></view></block></view><view class="line"></view><view class="rightHotList"><block wx:for="{{secondList}}" wx:for-item="item" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['hotSearchHandler',['$0'],[[['secondList','id',item.id,'title']]]]]]]}}" class="flexA" style="margin-bottom:32rpx;" bindtap="__e"><view class="index">{{item.id}}</view><text>{{item.title}}</text></view></block></view></view></view></view></block><block wx:if="{{searchState==0}}"><view style="margin-top:300rpx;"><u-empty vue-id="8dd740cc-7" bind:__l="__l"></u-empty></view></block><block wx:if="{{searchState==1}}"><view class="mainBox"><custom-waterfalls-flow vue-id="8dd740cc-8" value="{{searchList1}}" imageKey="image" seat="{{2}}" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{searchList1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="item" slot="slot{{index}}"><view class="title flexC">{{item.title}}</view><view class="flexJ"><view class="flexA headerBox"><image src="{{item.user.avatar}}" mode="scaleToFill"></image><view>{{item.user.user_name}}</view></view><view class="flexA"><u-rate bind:input="__e" vue-id="{{('8dd740cc-9-'+index)+','+('8dd740cc-8')}}" activeIcon="heart-fill" inactiveIcon="heart" count="{{count}}" value="{{value}}" data-event-opts="{{[['^input',[['__set_model',['','value','$event',[]]]]]]}}" bind:__l="__l"></u-rate><view class="numText">{{item.id}}</view></view></view></view></block></custom-waterfalls-flow></view></block></view>