index.wxml
3.0 KB
<view><u-navbar vue-id="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-2')+','+('8dd740cc-1')}}" 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><u-modal vue-id="8dd740cc-3" 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-4" 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-5" bind:__l="__l"></u-empty></view></block><block wx:if="{{searchState==1}}"><block wx:for="{{searchList1}}" wx:for-item="item" wx:for-index="__i3__" wx:key="id"><view>{{''+item.title+''}}<image style="width:200rpx;height:300rpx;" src="{{item.image}}" mode="scaleToFill"></image>{{''+item.content+''}}</view></block></block></view>