12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <ion-view>
- <ion-header-bar align-title="center" class="bar-stable" style="background-color:#5babe6;">
- <div class="buttons" style="width:100%;">
- <form class="item-input-inset pus_ng" style="height: 35px;border-bottom: none;width:90%;padding-left: 2.5%;" ng-submit="SearchWordSubmit(searchCont.key)">
- <label class="item-input-wrapper" id="pus_search">
- <i class="icon ion-ios-search placeholder-icon"></i>
- <input type="search" placeholder="搜你想搜的" id="his_search" ng-model="searchCont.key" ng-change="fixKey()" autofocus="autofocus" autocomplete="on"/>
- <i class="icon ion-close-circled placeholder-icon" style="vertical-align: middle;right: 7px;" on-tap="clearSearch()" ng-if="searchCont.key.length>0"></i>
- </label>
- </form>
- <button class="button button-clear cancel_search" ng-click="gobackback()">
- 取消
- </button>
- </div>
- </ion-header-bar>
- <div id="search_show">
- <ion-content style="top:0px !important;">
- <!--词库匹配-->
- <ul id="baidu_search" ng-if="searchCont.key.length>0">
- <li class="box_bai" ng-repeat="d in data" ng-click="SearchWordSubmit(d)">
- <i class="icon ion-ios-search placeholder-icon" style="margin-right:10px;" ></i>
- <a style="color: #2e2e2e;" ng-bind-html="d | highlight:searchCont.key">{{d}}</a>
- </li>
- </ul>
- <!--历史搜索页面-->
- <ion-list show-delete="data.showDelete" id="history_data" ng-if="showHistory">
- <ion-item ng-repeat="key in searchKeyList" item="item" class="item-remove-animate search_result" id="search_item" >
- <span class="ion-ios-clock-outline" style="width: 80%;"></span>
- <span style="width: 85%;display: inline-block;"ng-click="goSearchResult(key)">{{key}}</span>
- <span class="ion-ios-close-empty item-del" ng-click="onItemDelete(key)"> </span>
- </ion-item>
- <span id="ItemDeleteAll" ng-if="searchKeyList.length>0" ng-click="onItemDeleteAll()"><a>清空搜索历史</a></span>
- </ion-list>
- <!--推荐搜索页面-->
- <div ng-if="searchKeyList.length == 0 " style="width: 100%;height:120px;position: relative;top:15%;">
- <i id="empty_consearch" ></i>
- <p class="empty_p">搜索记录中的内容</p>
- </div>
- </ion-content>
- </div>
- </ion-view>
|