home.html 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <ion-view view-title="主页">
  2. <!-- 主页头部 -->
  3. <div class="bar bar-header item-input-inset pus_ng" >
  4. <a id="pus_location" ng-click="goProvince()" ng-bind="city">常州市</a><a id="pus_location_i" ng-click="goProvince()"></a>
  5. <a class="item-input-wrapper" id="pus_search" ui-sref="mysearch">
  6. <i class="icon ion-ios-search placeholder-icon"></i>
  7. <span class="push_home_search" ui-sref="mysearch">搜索资讯、好友</span>
  8. </a>
  9. </div>
  10. <!------------主页内容----------->
  11. <!-- 频道选择-->
  12. <ion-scroll direction="x" scrollbar-x="false" id="p_Chanel">
  13. <a class="Chanel_scroll_a" ng-repeat="item in tabs track by $index" ng-click="clickTab($index)">{{item.appModuleName}}</a>
  14. </ion-scroll>
  15. <div class="plus_J" ng-click="openCategoryModal($event);" id="plus_J"></div>
  16. <ion-slide-box show-pager="false" delegate-handle="slide1" on-slide-changed="slideChanged($index)" on-scroll="getScrollPosition()" style="top:34px;">
  17. <ion-slide ng-repeat="slide in tabs" on-scroll="getScrollPosition()">
  18. <ion-content has-bouncing="true" scroll="true" class="padding home_content" delegate-handle="homeContent" style="padding: 0;" on-scroll="getScrollPosition()">
  19. <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()" class="home_refresh" refreshing-text="成功更新....." pulling-icon-color="#3385ff" refreshing-icon="ion-checkmark-circled" refreshing-icon-color="#3385ff"></ion-refresher>
  20. <div class="list" style="margin-bottom: 10px;">
  21. <a ng-repeat="item in slide.items track by $index" class="item item-thumbnail-right item-text-wrap push_home_a" ng-click="goDetails(item,'{{slide.type}}')" style="padding: 0 12px !important;">
  22. <img ng-src="{{imgUrl+item.logoPath+item.logo}}" onerror="javascript:this.src='./img/admin_picter.jpg';" style="width:25%;height:74px;position: absolute;top: 15px;right:6px;border: 1px solid #fafafa">
  23. <h3 class="pus_h1">{{::item.title}}</h3>
  24. <p class="lab_sub">
  25. <span class="lab_one"><i></i><small>{{item.messageCount}}</small></span>
  26. <span class="lab_two"><i></i><small>{{item.viewCount}}</small></span>
  27. <span class="lab_three"><span id="favourate"><i></i><small>{{item.favourCount}}</small></span></span>
  28. <span class="lab_four">{{item.siteName}}</span>
  29. <span class="lab_five">{{item.time}}</span>
  30. </p>
  31. </a>
  32. </div>
  33. <ion-infinite-scroll
  34. immediate-check="false"
  35. ng-if="tabs[index].isload"
  36. on-infinite="loadMore()"
  37. distance="10%" >
  38. </ion-infinite-scroll>
  39. <span ng-if="loadmore" class="loadmoreSpan">正在努力加载更多</span>
  40. <ion-infinite-scroll ng-if="loadmore" style="padding-bottom: 15px;"></ion-infinite-scroll>
  41. </ion-content>
  42. </ion-slide>
  43. </ion-slide-box>
  44. <div class="Scroll_top" ng-click="scrollTop()" ng-if="toptask"><span>返回顶部</span></div>
  45. <!--频道选择-->
  46. <script id="templates/modal.html" type="text/ng-template">
  47. <div class="modal" id="ChannelAdd">
  48. <ion-content class="category-content" style="width:100%;margin: 0 auto;bottom: 0;padding: 0 3.5%;">
  49. <div class="icon ion-ios-close-empty" ng-click="closeCategoryModal()" style="width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 34px;position: relative;top: 8px;left: 88%;" ></div>
  50. <h1>我的频道<span class="edit_channel" ng-click="editaAction()">{{editaction}}</span></h1>
  51. <div class="category_list">
  52. <ion-list class="ion_list_no_rorder">
  53. <div>
  54. <ion-item ng-repeat="(key,cate) in tabs track by $index" on-tap="cateChangeTab(cate.id,key)" on-hold="onHold()">
  55. {{cate.appModuleName}}
  56. <span ng-click="deltab(cate.appModuleName)" id="delete_channel" ng-if="myChannel&&cate.fixType==1"></span>
  57. <ion-delete-button class="ion-minus-circled" ></ion-delete-button>
  58. <ion-reorder-button class="ion-navicon" on-reorder="move_item(item,$fromIndex,$toIndex)"></ion-reorder-button>
  59. </ion-item>
  60. </div>
  61. </ion-list>
  62. </div>
  63. <h1 style="display: block;margin-top: 80px;" ng-if="categoryListOtherData.length>0">频道推荐</h1>
  64. <div class="category_list">
  65. <ul>
  66. <li ng-repeat="(key,cate) in categoryListOtherData track by $index" on-tap="addtab(cate.appModuleName)">
  67. <a href="javascript:void(0);">{{cate.appModuleName}}</a>
  68. </li>
  69. </ul>
  70. </div>
  71. </ion-content>
  72. </div>
  73. </script>
  74. </ion-view>