indexSearch.html 2.3 KB

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