|
@@ -2,90 +2,50 @@
|
|
<ion-nav-buttons side="primary">
|
|
<ion-nav-buttons side="primary">
|
|
<lable class="item item-input" style="width:315px">
|
|
<lable class="item item-input" style="width:315px">
|
|
<i class="icon ion-search placeholder-icon" ng-click="searchContent()"></i>
|
|
<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">
|
|
|
|
|
|
+ <input type="text" style="width: 100%" placeholder="搜索内容" ng-change="search(vm.keyword)" ng-model="vm.keyword">
|
|
</lable>
|
|
</lable>
|
|
<button class="button button-calm" style="width: 30%; padding: 0;" ng-click="$ionicGoBack()">取消</button>
|
|
<button class="button button-calm" style="width: 30%; padding: 0;" ng-click="$ionicGoBack()">取消</button>
|
|
</ion-nav-buttons>
|
|
</ion-nav-buttons>
|
|
<ion-content>
|
|
<ion-content>
|
|
- <div ng-if="vm.keywords.length==0&&ismore==false">
|
|
|
|
|
|
+ <div ng-if="!isResult">
|
|
<div style="padding:10px;font-size:1.1rem">热门搜索</div>
|
|
<div style="padding:10px;font-size:1.1rem">热门搜索</div>
|
|
<div class="calm search-hot">
|
|
<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 class="box {{keyword==key?'keyword':''}}" ng-click="search(key)" ng-repeat="(key, value) in hot_searches">
|
|
|
|
+ {{key}}
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
<div style="padding:10px;font-size:1.1rem;line-height:44px">历史搜索</div>
|
|
<div style="padding:10px;font-size:1.1rem;line-height:44px">历史搜索</div>
|
|
<div class="list">
|
|
<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 class="item {{keyword==history_search.search?'search-select':''}}" ng-click="search(history_search.search)" ng-repeat="history_search in history_searches">
|
|
|
|
+ {{history_search.search}}
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div ng-if="vm.keywords.length>0&&ismore==false">
|
|
|
|
|
|
+ <div ng-if="isResult&&index==0">
|
|
<div class="list">
|
|
<div class="list">
|
|
<div class="item item-divider">
|
|
<div class="item item-divider">
|
|
用户
|
|
用户
|
|
</div>
|
|
</div>
|
|
- <div class="item sarch-item">
|
|
|
|
- <img src="../../img/demo/head1.jpg" />
|
|
|
|
- <span style="padding:5px;">哈哈瞄瞄酱</span>
|
|
|
|
|
|
+ <div class="item sarch-item" ng-repeat="user_info in user_infos" ng-if="$index<3">
|
|
|
|
+ <img ng-src="{{user_info.avtar}}" />
|
|
|
|
+ <span style="padding:5px;">{{user_info.nickname}}</span>
|
|
<span class="level">Lv.3</span>
|
|
<span class="level">Lv.3</span>
|
|
</div>
|
|
</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" style="text-align:center;color:#FF4B82;font-size:1.1rem;padding:10px;" ng-click="showMore(keyword,1)" ng-if="user_infos.length>=3">更多>></div>
|
|
<div class="item item-divider">
|
|
<div class="item item-divider">
|
|
梦想
|
|
梦想
|
|
</div>
|
|
</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 class="item item-thumbnail-left" ng-repeat="dream_info in dream_infos" ng-if="$index<3">
|
|
|
|
+ <img ng-src="{{dream_info.img.pic}}" />
|
|
|
|
+ <h2>{{dream_info.name}}</h2>
|
|
|
|
+ <p style="white-space:normal">{{dream_info.about}}</p>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="item" style="text-align:center;color:#FF4B82;font-size:1.1rem;padding:10px;" ng-click="showMore(keyword,2)" ng-if="dream_infos.length>=3">更多>></div>
|
|
|
|
+
|
|
<div class="item item-divider">
|
|
<div class="item item-divider">
|
|
标签
|
|
标签
|
|
</div>
|
|
</div>
|
|
@@ -111,73 +71,36 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div ng-if="ismore">
|
|
|
|
|
|
+ <div ng-if="index>0">
|
|
<div class="tabs-striped tabs-top">
|
|
<div class="tabs-striped tabs-top">
|
|
<div class="tabs" style="top:0">
|
|
<div class="tabs" style="top:0">
|
|
- <a ng-class="type==1?'tab-item active':'tab-item'" ng-click="changeType(1)">
|
|
|
|
|
|
+ <a ng-class="type==1?'tab-item active':'tab-item'" ng-click="showMore(vm.keyword,1)">
|
|
用户
|
|
用户
|
|
</a>
|
|
</a>
|
|
- <a ng-class="type==2?'tab-item active':'tab-item'" ng-click="changeType(2)">
|
|
|
|
|
|
+ <a ng-class="type==2?'tab-item active':'tab-item'" ng-click="showMore(vm.keyword,2)">
|
|
梦想
|
|
梦想
|
|
</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
|
|
|
|
+ <div ng-if="index==1" class="list more-userlist">
|
|
|
|
+ <div class="item sarch-item" ng-repeat="user_info in user_infos">
|
|
|
|
+ <img ng-src="{{user_info.avtar}}" />
|
|
|
|
+ <span style="padding:5px;">{{user_info.nickname}}</span>
|
|
<span class="level">Lv.3</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" />
|
|
|
|
|
|
+ <img ng-src="img/king.png" class="imgitem" />
|
|
|
|
+ <img ng-src="img/king.png" class="imgitem" />
|
|
|
|
+ <img ng-src="img/king.png" class="imgitem" />
|
|
|
|
+ <img ng-src="img/king.png" class="imgitem" />
|
|
|
|
+ <img ng-src="img/king.png" class="imgitem" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div ng-if="type==2" class="list more-userlist">
|
|
|
|
- <div class="item" style="padding:0">
|
|
|
|
|
|
+ <div ng-if="index==2" class="list more-userlist">
|
|
|
|
+ <div class="item" style="padding:0" ng-repeat="dream_info in dream_infos">
|
|
<img class="reply-head" src="../../img/demo/head1.jpg" style="margin:5px 15px" />
|
|
<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>
|
|
|
|
|
|
+ <span style="position:relative;top:-25px;font-size:1.1rem;">{{ dream_info.name }}</span>
|
|
<img style="display:block;width:100%" src="../../img/demo/pict.png" />
|
|
<img style="display:block;width:100%" src="../../img/demo/pict.png" />
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|
|
</ion-content>
|