selectCity.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <ion-modal-view>
  2. <ion-header-bar class="bar-balanced">
  3. <button ng-click="goBackSlide()" class="button button-icon icon goback" ng-show="showBackBtn" style="top: 10px;">
  4. 返回
  5. </button>
  6. <h1 class="bar_title" style="color: #fff;">选择地址</h1>
  7. <div class="buttons">
  8. <button ng-click="cancelSelect()" class="button button-clear" ng-show="false">
  9. 取消
  10. </button>
  11. </div>
  12. </ion-header-bar>
  13. <ion-content overflow-scroll="true" style="overflow: hidden">
  14. <ion-slide-box show-pager="false" style="height: 100%;" does-continue="false" delegate-handle="PCTSelectDelegate"
  15. ng-init="lockSlide()">
  16. <ion-slide>
  17. <ion-scroll style="height: 100%;" scrollbar-y="false" delegate-handle="PCTSelectProvince">
  18. <ion-item class="item-icon-right" ng-click="chooseProvince(item);" ng-repeat="item in provincesData">
  19. <span>{{item}}</span>
  20. <i class="icon ion-ios-arrow-right icon-item"></i>
  21. </ion-item>
  22. </ion-scroll>
  23. </ion-slide>
  24. <!--省选择结束-->
  25. <!--市选择开始-->
  26. <ion-slide>
  27. <ion-scroll style="height: 100%;" scrollbar-y="false" delegate-handle="PCTSelectCity">
  28. <ion-item class="item-icon-right" ng-click="chooseCity(item);" ng-repeat="item in citiesData">
  29. <span>{{item}}</span>
  30. <i class="icon ion-ios-arrow-right icon-item"></i>
  31. </ion-item>
  32. </ion-scroll>
  33. </ion-slide>
  34. <!--市选择结束-->
  35. <!--县选择开始-->
  36. <ion-slide>
  37. <ion-scroll style="height: 100%;" scrollbar-y="false" delegate-handle="PCTSelectTown">
  38. <ion-item class="item-icon-right" ng-click="chooseTown(item);" ng-repeat="item in townData">
  39. <span>{{item}}</span>
  40. <i class="icon ion-ios-arrow-right icon-item"></i>
  41. </ion-item>
  42. </ion-scroll>
  43. </ion-slide>
  44. <!--县选择结束-->
  45. <!--街道选择开始-->
  46. <ion-slide>
  47. <ion-scroll style="height: 100%;" scrollbar-y="false" delegate-handle="PCTSelectStreet">
  48. <ion-item class="item-icon-right" ng-click="chooseStreet(item);" ng-repeat="item in streetData">
  49. <span>{{item}}</span>
  50. <!-- <i class="icon ion-ios-arrow-right icon-item"></i>-->
  51. </ion-item>
  52. </ion-scroll>
  53. </ion-slide>
  54. <!--街道选择结束-->
  55. </ion-slide-box>
  56. </ion-content>
  57. </ion-modal-view>