www-huanghe/modules/scienceCircle/views/chatSearchModel.html

<ion-view view-title="科技圈搜索">
  <ion-header-bar align-title="center" class="bar-stable" style="background-color:#efeff4;background-image: none;">
    <div class="buttons" style="width:100%;">
      <form class="item-input-inset pus_ng" style="height: 35px;border-bottom: none;width:100%;background-color:#efeff4;" ng-submit="searchUser()">
        <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="searchuser.key" autofocus="autofocus" autocomplete="on" style="width: 89%;float: left;"/>
        </label>
        <i class="icon ion-close-circled placeholder-icon" style="vertical-align: middle;right: 12px;position: absolute;z-index: 444;font-size: 18px;height: 100%;line-height: 38px;" ng-click="clearSearch()" ng-if="searchuser.key.length>0"></i>
      </form>
      <button class="button button-clear cancel_search" ng-click="goback()" style="color: #3385ff !important;font-weight: 500;">
        取消
      </button>
    </div>
  </ion-header-bar>
  <ion-content style="overflow-x:hidden;overflow-y:visible; background-color: #f5f5f5;" class="has-header activitySurvey">
    <!--我的联系人、我的关注的循环列表-->
    <ion-list>
      <ion-item class="rj-contacts-item chatSearchItem" ng-if="userList1.length>0">
        <div class="rj-contacts-index-bar chatSearchBar">我的联系人</div>
        <ion-list class="rj-list">
          <ion-item class="rj-item" ng-repeat="user in userList1" ng-click="goPublisher(user.userid)">
            <div class="rj-contacts-pic">
              <img ng-src={{user.photo|imgfilter}} onerror="javascript:this.src='./img/admin_picter.jpg';">
            </div>
            <h2>{{user.username}}</h2>
          </ion-item>
        </ion-list>
      </ion-item>
      <ion-item class="rj-contacts-item chatSearchItem" ng-if="userList2.length>0">
        <div class="rj-contacts-index-bar chatSearchBar">我的粉丝</div>
        <ion-list class="rj-list">
          <ion-item class="rj-item" ng-repeat="user in userList2" ng-click="goPublisher(user.userId)">
            <div class="rj-contacts-pic">
              <img ng-src={{user.photo|imgfilter}} onerror="javascript:this.src='./img/admin_picter.jpg';">
            </div>
            <h2>{{user.username}}</h2>
          </ion-item>
        </ion-list>
      </ion-item>
      <ion-item class="rj-contacts-item chatSearchItem" ng-if="userList3.length>0">
        <div class="rj-contacts-index-bar chatSearchBar">陌生人</div>
        <ion-list class="rj-list">
          <ion-item class="rj-item" ng-repeat="user in userList3" ng-click="goPublisher(user.userid)">
            <div class="rj-contacts-pic">
              <img ng-src={{user.photo|imgfilter}} onerror="javascript:this.src='./img/admin_picter.jpg';">
            </div>
            <h2>{{user.username}}</h2>
          </ion-item>
        </ion-list>
      </ion-item>
    </ion-list>
    <div class="emptyDiscussDatelistWrap"  ng-if="userList1.length == 0&&userList2.length ==0&&userList3.length ==0 ">
      <i class="empty_discussDatelist"></i>
      <p class="empty_p">亲，无相关内容哦~</p>
    </div>
    <!--我的群组的循环列表-->
    <!--<ion-list class="list" ng-if="false">
          <ion-item class="item item-thumbnail-right item-text-wrap push_home_a  resource_home_item" ng-repeat="g in  group" style="height: 80px;min-height:80px;">

          </ion-item>
        </ion-list>
        &lt;!&ndash;聊天记录-&ndash;&gt;
        <ion-list ng-if="true">
          <ion-item class="rj-contacts-item  chatSearchItem">
            <div class="rj-contacts-index-bar  chatSearchBar">聊天记录</div>
            <ion-list class="rj-list">
              <ion-item class="rj-item" ng-repeat="c in  chats" ng-click="goSingleModel()">
                <img ng-src="{{c.logo}}" class="scienceChatsLogo" ng-if="c.type==1;">
                <span  class="scienceChatsLogo  groupLogo  hasTwoLogo" ng-if="c.type==0&&c.logolist.length==2;">
                     <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
                 </span>
                <span  class="scienceChatsLogo  groupLogo  hasThreeLogo" ng-if="c.type==0&&c.logolist.length==3;">
                     <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
                 </span>
                <span  class="scienceChatsLogo  groupLogo" ng-if="c.type==0&&c.logolist.length<=4&&c.logolist.length>3;">
                     <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
                 </span>
                <span  class="scienceChatsLogo  groupLogo  radmenu " ng-if="c.type==0&&c.logolist.length>4;">
                     <img  ng-src="{{m.logoMemberLogo}}"  ng-repeat="m in c.logolist">
                 </span>
                <div class="scienceChatsItem">
                    <span class="scienceChatsSpan">
                      <span>{{c.username}}</span>
                    </span>
                  <p class="scienceChatsP">
                      <span class="ChatsContent" ng-if="c.isLastWord">
                        <b ng-if="c.isGroup">{{c.groupLastSayer+'&nbsp;:'}}</b>
                            {{c.chatsContent}}
                      </span>
                  </p>
                </div>
              </ion-item>
            </ion-list>
          </ion-item>
        </ion-list>-->
  </ion-content>
</ion-view>