<ion-view view-title="">
    <ion-nav-buttons side="primary">
        <lable class="item item-input" style="width:315px">
            <i class="icon ion-search placeholder-icon" ng-click="searchContent()"></i>
            <input type="text" style="width: 100%" placeholder="搜索内容" ng-change="keychange()" ng-model="vm.keywords">
        </lable>
        <button class="button button-calm" style="width: 30%; padding: 0;" ng-click="$ionicGoBack()">取消</button>
    </ion-nav-buttons>
     <ion-content>
         <div ng-if="vm.keywords.length==0&&ismore==false">
             <div style="padding:10px;font-size:1.1rem">热门搜索</div>
             <div class="calm search-hot">
                 <div class="box {{index==1?'keyword':''}}" ng-click="selectHot(1)">
                     搞笑达人
                 </div>
                 <div class="box {{index==2?'keyword':''}}" ng-click="selectHot(2)">
                     搞笑达人
                 </div>
                 <div class="box {{index==3?'keyword':''}}" ng-click="selectHot(3)">
                     搞笑达人
                 </div>
                 <div class="box {{index==4?'keyword':''}}" ng-click="selectHot(4)">
                     搞笑达人
                 </div>
                 <div class="box {{index==5?'keyword':''}}" ng-click="selectHot(5)">
                     搞笑达人
                 </div>
                 <div class="box {{index==6?'keyword':''}}" ng-click="selectHot(6)">
                     搞笑达人
                 </div>
             </div>
             <div style="padding:10px;font-size:1.1rem;line-height:44px">历史搜索</div>
             <div class="list">
                 <div class="item {{index1==1?'search-select':''}}" ng-click="selectHistory(1)">
                     搞笑达人
                     <i ng-if="index1==1" class="icon ion-close" style="float:right"></i>
                 </div>
                 <div class="item {{index1==2?'search-select':''}}" ng-click="selectHistory(2)">
                     搞笑达人
                     <i ng-if="index1==2" class="icon ion-close" style="float:right"></i>
                 </div>
                 <div class="item {{index1==3?'search-select':''}}" ng-click="selectHistory(3)">
                     搞笑达人
                     <i ng-if="index1==3" class="icon ion-close" style="float:right"></i>
                 </div>
                 <div class="item {{index1==4?'search-select':''}}" ng-click="selectHistory(4)">
                     搞笑达人
                     <i ng-if="index1==4" class="icon ion-close" style="float:right"></i>
                 </div>
                 <div class="item {{index1==5?'search-select':''}}" ng-click="selectHistory(5)">
                     搞笑达人
                     <i ng-if="index1==5" class="icon ion-close" style="float:right"></i>
                 </div>
                 <div class="item {{index1==6?'search-select':''}}" ng-click="selectHistory(6)">
                     搞笑达人
                     <i ng-if="index1==6" class="icon ion-close" style="float:right"></i>
                 </div>
             </div>
         </div>
         <div ng-if="vm.keywords.length>0&&ismore==false">
             <div class="list">
                 <div class="item item-divider">
                     用户
                 </div>
                 <div class="item sarch-item">
                     <img   src="../../img/demo/head1.jpg" />  
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                 </div>
                 <div class="item sarch-item">
                     <img ng-src="img/demo/head1.jpg" />
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                 </div>
                 <div class="item" style="text-align:center;color:#FF4B82;font-size:1.1rem;padding:10px;" ng-click="showmore()">更多>></div>
                 <div class="item item-divider">
                     梦想
                 </div>
                 <div class="item item-thumbnail-left">
                     <img ng-src="img/demo/head2.jpg" />
                     <h2>哈哈有人能带我去瑞典吗？</h2>
                     <p style="white-space:normal">在斯德哥尔摩，那个只有黑白和灰色的咖啡馆里面坐下，喝一杯地道的北欧咖啡。享受难得北欧时光!</p>
                 </div>
                 <div class="item item-thumbnail-left">
                     <img ng-src="img/demo/head2.jpg" />
                     <h2>哈哈有人能带我去瑞典吗？</h2>
                     <p style="white-space:normal">在斯德哥尔摩，那个只有黑白和灰色的咖啡馆里面坐下，喝一杯地道的北欧咖啡。享受难得北欧时光!</p>
                 </div>
                 <div class="item item-divider">
                     标签
                 </div>
                 <div class="calm search-hot">
                     <div class="box {{index==1?'keyword':''}}" ng-click="selectHot(1)">
                         搞笑达人
                     </div>
                     <div class="box {{index==2?'keyword':''}}" ng-click="selectHot(2)">
                         搞笑达人
                     </div>
                     <div class="box {{index==3?'keyword':''}}" ng-click="selectHot(3)">
                         搞笑达人
                     </div>
                     <div class="box {{index==4?'keyword':''}}" ng-click="selectHot(4)">
                         搞笑达人
                     </div>
                     <div class="box {{index==5?'keyword':''}}" ng-click="selectHot(5)">
                         搞笑达人
                     </div>
                     <div class="box {{index==6?'keyword':''}}" ng-click="selectHot(6)">
                         搞笑达人
                     </div>
                 </div>
             </div>
         </div>
         <div ng-if="ismore">
             <div class="tabs-striped tabs-top">
                 <div class="tabs" style="top:0">
                     <a ng-class="type==1?'tab-item active':'tab-item'" ng-click="changetype(1)">
                         用户
                     </a>
                     <a ng-class="type==2?'tab-item active':'tab-item'" ng-click="changetype(2)">
                        梦想
                     </a>
                 </div>
             </div>
             <div ng-if="type==1" class="list more-userlist">
                 <div class="item sarch-item">
                     <img ng-src="img/demo/head1.jpg" />
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                 </div>
                 <div class="item sarch-item">
                     <img ng-src="img/demo/head1.jpg" />
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                 </div>
                 <div class="item sarch-item">
                     <img ng-src="img/demo/head1.jpg" />
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                     <img ng-src="img/王冠.png" class="imgitem" />
                 </div>
                 <div class="item sarch-item">
                     <img ng-src="img/demo/head1.jpg" />
                     <span style="padding:5px;">哈哈瞄瞄酱</span>
                     <span class="level">Lv.3</span>
                     <img ng-src="img/王冠.png" class="imgitem" />
                 </div>
             </div>
             <div ng-if="type==2" class="list more-userlist">
                 <div class="item" style="padding:0">
                     <img class="reply-head" src="../../img/demo/head1.jpg"  style="margin:5px 15px" />
                     <span style="position:relative;top:-25px;font-size:1.1rem;">有人能带我去瑞典吗？</span>
                     <img style="display:block;width:100%" src="../../img/demo/pict.png" />
                 </div> 
                 <div class="item" style="padding:0">
                     <img class="reply-head" src="../../img/demo/head1.jpg" style="margin:5px 15px" />
                     <span style="position:relative;top:-25px;font-size:1.1rem;">有人能带我去瑞典吗？</span>
                     <img style="display:block;width:100%" src="../../img/demo/pict.png" />
                 </div> 
                 <div class="item" style="padding:0">
                     <img class="reply-head" src="../../img/demo/head1.jpg" style="margin:5px 15px" />
                     <span style="position:relative;top:-25px;font-size:1.1rem;">有人能带我去瑞典吗？</span>
                     <img style="display:block;width:100%" src="../../img/demo/pict.png" />
                 </div> 
                 <div class="item" style="padding:0">
                     <img class="reply-head" src="../../img/demo/head1.jpg" style="margin:5px 15px" />
                     <span style="position:relative;top:-25px;font-size:1.1rem;">有人能带我去瑞典吗？</span>
                     <img style="display:block;width:100%" src="../../img/demo/pict.png" />
                 </div> 
             </div>
         </div>
    </ion-content>
</ion-view>
