index.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <ion-view view-title="货源">
  2. <ion-nav-buttons side="right">
  3. <button class="button ion-navicon icon-right button-clear " ng-click="toggleRight()"></button>
  4. </ion-nav-buttons>
  5. <ion-side-menus enable-menu-with-back-views="false">
  6. <ion-side-menu-content>
  7. <ion-content>
  8. <!--下拉刷新-->
  9. <ion-refresher pulling-text="下拉刷新" on-refresh="load(true)">
  10. </ion-refresher>
  11. <div class="row app-link headbck">
  12. <div class="col-33">
  13. <a ng-click="add()">
  14. <div class="app-link-item">
  15. <i class="i-applink-addcar"></i>
  16. <span>发布货源</span>
  17. </div>
  18. </a>
  19. </div>
  20. <div class="col-33">
  21. <a ng-click="goCar()">
  22. <div class="app-link-item">
  23. <i class="i-applink-findgoods"></i>
  24. <span>找车源</span>
  25. </div>
  26. </a>
  27. </div>
  28. <div class="col-34">
  29. <a ng-click="toggleRight()">
  30. <div class="app-link-item">
  31. <i class="i-applink-search"></i>
  32. <span>搜索</span>
  33. </div>
  34. </a>
  35. </div>
  36. </div>
  37. <div class="list">
  38. <a class="item" ng-repeat="item in items" ng-click="detail(item)">
  39. <h2>【{{item.begin_address | fullAddress}}】-【{{item.end_address | fullAddress}}】</h2>
  40. <p>
  41. <span style="float:left"><b style="color:orangered">¥{{item.price}}</b><em style="padding-left:3px;font-size:0.75em">起</em></span>
  42. <span style="float:right">途经:{{item.midway_address | fullAddress}}</span>
  43. </p>
  44. <p><span style="float:left">联系人:{{item.contact_name}}</span> <span style="float:right">电话:{{item.contact_phone}}</span></p>
  45. </a>
  46. <a class="item item-thumbnail-left" ng-if="items.length==0">
  47. <p style="margin-top:25px;margin-left:12%">没有找到货源信息</p>
  48. </a>
  49. </div>
  50. <!--上拉更多-->
  51. <ion-infinite-scroll ng-if="filter.hasMore" on-infinite="load(false)" distance="10%"></ion-infinite-scroll>
  52. </ion-content>
  53. </ion-side-menu-content>
  54. <ion-side-menu width="220" side="right">
  55. <ion-content>
  56. <div class="list">
  57. <div class="padding">
  58. <label class="item item-input">
  59. <span>出发地:</span><input ng-model="filter.begin_address" style="margin-left:25px;" type="text" placeholder="">
  60. </label>
  61. <label class="item item-input">
  62. <span>抵达地:</span><input ng-model="filter.end_address" style="margin-left:25px;" type="text">
  63. </label>
  64. <label class="item item-input">
  65. <span>途经地:</span><input ng-model="filter.midway_address" style="margin-left:25px;" type="text">
  66. </label>
  67. <button class="button button-assertive button-block button-radius-full" ng-click="toggleRight()">搜索</button>
  68. </div>
  69. </div>
  70. </ion-content>
  71. </ion-side-menu>
  72. </ion-side-menus>
  73. </ion-view>