Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 1496 Releases 0 Wiki
Browse Source

轮播图及pc调试

lyn7568 5 years ago
parent
95168da607
commit
5765060b7e
3 changed files with 25 additions and 390 deletions
Split View Show Diff Stats
  1. 0 158
      e/search.html
  2. 24 24
      js/search_h5.js
  3. 1 208
      searchNew.html

+ 0 - 158
e/search.html
View File 

@ -1,162 +1,4 @@
1 1
2
3 
<!DOCTYPE html>
4 
<html style="max-width: 640px;margin: auto;">
5
6 
<head>
7 
<meta charset="UTF-8">
8 
<title>搜索-科袖网</title>
9 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
10 
<link rel="stylesheet" href="../css/bootstrap.min.css" />
11 
<link rel="stylesheet" href="../css/reset.css" />
12 
<link rel="stylesheet" href="../css/common.css" />
13 
<link rel="stylesheet" href="../css/swiper.min.css" />
14 
<link rel="stylesheet" href="../css/mmenu.css" />
15 
<link rel="stylesheet" href="../css/share.css" />
16 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
17 
<script type="text/javascript" src="../js/public/swiper.min.js"></script>
18 
<script type="text/javascript" src="../js/public/jquery.mmenu.js"></script>
19 
<script type="text/javascript">
20 
	$(function() {
21 
		$("nav#menu").mmenu();
22 
		var myscrollFil;
23 
	    function loaded(){
24 
	        setTimeout(function(){
25 
	            myscrollFil=new iScroll("wrapper",{
26 
	            	mouseWheel: true,
27 
					onScrollMove:function(){
28 
						myscrollFil.refresh()
29 
					}
30 
	            });
31
32 
	        },100 );
33 
	    }
34 
	    window.addEventListener("load",loaded,false);
35 
		document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
36 
	});
37
38 
</script>
39
40 
</head>
41
42 
<body>
43 
<div class="bomb-box"></div>
44 
<div class="contentBody2" id="page">
45 
	<div class="fixedBlock">
46 
		<div class="searchBox">
47 
			<form action="" onsubmit="return false;" id="searB" class="searchboxNewT">
48 
	      		<input type="search" class="form-control" placeholder="请输入关键词" id="searchval" />
49 
	      	</form>
50 
	        <a href="#menu" class="rightnav" id="sele">
51 
				<div class="serchicon icon-filter"><span class="badge" id="seler"></span></div>筛选
52 
			</a>
53 
	    </div>
54 
	    <div class="tabBox">
55 
			<div class="swiper-container-tab">
56 
				<div class="swiper-wrapper swiper-wrapper-tab tr">
57 
					<div class="swiper-slide swiper-slide-tab active-tab" data-tab="1">找专家</div>
58 
					<div class="swiper-slide swiper-slide-tab" data-tab="7">找服务</div>
59 
					<div class="swiper-slide swiper-slide-tab" data-tab="2">找资源</div>
60 
					<div class="swiper-slide swiper-slide-tab" data-tab="4">找专利</div>
61 
					<div class="swiper-slide swiper-slide-tab" data-tab="5">找论文</div>
62 
					<!-- <div class="swiper-slide swiper-slide-tab" data-tab="3">找文章</div> -->
63 
					<div class="swiper-slide swiper-slide-tab" data-tab="6">找企业</div>
64 
				</div>
65 
			</div>
66 
		</div>
67 
	</div>
68 
	<div class="swiper-container madiaBlock swiper-container-main">
69 
		<!--<div class="refreshtip">下拉可以刷新</div>-->
70 
		<div class="swiper-wrapper swiper-wrapper-main w">
71 
			<div class="swiper-slide d">
72 
				<!--<div class="init-loading list-group-item" style="display: none;">下拉可以刷新</div>-->
73 
				<div class="swiper-container2">
74 
					<div class="swiper-wrapper">
75 
						<div class="swiper-slide list-group">
76 
							<ul class="mui-table-view" id="proList">
77
78 
							</ul>
79 
						</div>
80 
						<div class="swiper-slide list-group">
81 
							<ul class="mui-table-view" id="serviceList">
82
83 
							</ul>
84 
						</div>
85 
						<div class="swiper-slide list-group">
86 
							<ul class="mui-table-view" id="resourceList">
87
88 
							</ul>
89 
						</div>
90 
						<div class="swiper-slide list-group">
91 
							<ul class="mui-table-view" id="patentList">
92
93 
							</ul>
94 
						</div>
95 
						<div class="swiper-slide list-group">
96 
							<ul class="mui-table-view" id="paperList">
97
98 
							</ul>
99 
						</div>
100 
						<!-- <div class="swiper-slide list-group">
101 
							<ul class="mui-table-view" id="articleList">
102
103 
							</ul>
104 
						</div> -->
105 
						<div class="swiper-slide list-group">
106 
							<ul class="mui-table-view" id="companyList">
107
108 
							</ul>
109 
						</div>
110 
					</div>
111 
				</div>
112 
			</div>
113 
		</div>
114 
		<div class="loadtip">上拉加载更多</div>
115 
		<div class="swiper-scrollbar"></div>
116 
	</div>
117 
	<nav id="menu">
118 
		<div class="filterCon">
119 
			<h1 class="toptit">“找专家”</h1>
120 
			<div id="wrapper">
121 
				<div class="midCon" id="scroller">
122 
					<div class="filterListNew">
123 
						<div class="rightbtn">所在城市<span class="spantext">不限</span><em class="foldtr"></em></div>
124 
						<ul class="filterUl fourUl" id="address">
125
126 
				       	</ul>
127 
					</div>
128 
					<div class="filterListNew">
129 
						<div class="rightbtn">学术领域<span class="spantext">不限</span><em class="foldtr"></em></div>
130 
						<ul class="filterUl threeUl" id="subject">
131
132 
				       	</ul>
133 
					</div>
134 
					<div class="filterListNew">
135 
						<div class="rightbtn">行业领域<span class="spantext">不限</span><em class="foldtr"></em></div>
136 
						<ul class="filterUl threeUl" id="industry">
137
138 
				       	</ul>
139 
					</div>
140 
				</div>
141 
			</div>
142 
			<div class="submitBtn clearfix">
143 
				<span class="floatL topWord" id="oRes">重置</span>
144 
				<span class="floatR topWord" id="com">完成</span>
145 
			</div>
146 
		</div>
147 
	</nav>
148 
</div>
149
150
151 
<script type="text/javascript" src="../js/public/baseUtil.js"></script>
152 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
153 
<script type="text/javascript" src="../js/public/cacheUtil.js"></script>
154 
<script type="text/javascript" src="../js/public/iscroll.js"></script>
155 
<script src="../js/search_h5.js" type="text/javascript" charset="utf-8"></script>
156
157 
</body>
158
159 
<html>
160 2 
<!DOCTYPE html>
161 3 
<html style="max-width: 640px;margin: auto;">
162 4

+ 24 - 24
js/search_h5.js
View File 

@ -1037,7 +1037,8 @@ $(function() {
1037 1037 
			//============end筛选条件================
1038 1038
1039 1039 
			//============open搜索================
1040 
				document.getElementById("searchval").addEventListener("keypress", function() {//搜索enter
1040 
				document.getElementById("searchval").addEventListener("keypress",
1041 
				function() {//搜索enter
1041 1042 
					var e = event || window.event;
1042 1043 
					if(e.keyCode == 13) {
1043 1044 
				 		e.preventDefault();  

@ -1058,29 +1059,28 @@ $(function() {
1058 1059 
			//============end搜索================
1059 1060
1060 1061 
			//============open swiper================
1061 
				$('.swiper-slide-tab').unbind("click").on("click",function(){//tabClick
1062 
					if($(this).index()==0){
1063 
					if($(this).index()==0 || $(this).index()){
1064 
						$("#sele").removeClass("displayNone");
1065 
						$("#searB").addClass("searchboxNewT");
1066 
					}else{
1067 
						$("#sele").addClass("displayNone");
1068 
						$("#searB").removeClass("searchboxNewT");
1069 
					}
1070 
					$(this).addClass('active-tab').siblings('.swiper-slide-tab').removeClass('active-tab');
1071 
					var tabitem=$(this).attr("data-tab");
1072 
					mySwiper2.slideTo($(this).index(), 500, false)  //滚动时间 sideTo
1073 
					mySwiperTab.slideTo($(this).index(), 500, false)
1074 
					if($(this).index()<3){
1075 
						$(".tr").css('transform', 'translate3d(0px, 0px, 0px)')
1076 
					}
1077 
					tagnum=tabitem
1078 
					clearToFun(tagnum)
1079
1080 
					// $('.w').css('transform', 'translate3d(0px, 0px, 0px)')
1081 
					// $('.swiper-container2 .swiper-slide-active').css('height','auto').siblings('.swiper-slide').css('height','0px');
1082 
					mySwiper.update();
1083 
				};
1062 
			$('.swiper-slide-tab').unbind("click").on("click",function(){//tabClick
1063 
				if($(this).index()==0 || $(this).index()){
1064 
					$("#sele").removeClass("displayNone");
1065 
					$("#searB").addClass("searchboxNewT");
1066 
				}else{
1067 
					$("#sele").addClass("displayNone");
1068 
					$("#searB").removeClass("searchboxNewT");
1069 
				}
1070 
				$(this).addClass('active-tab').siblings('.swiper-slide-tab').removeClass('active-tab');
1071 
				var tabitem=$(this).attr("data-tab");
1072 
				mySwiper2.slideTo($(this).index(), 500, false)
1073 
				mySwiperTab.slideTo($(this).index(), 500, false)
1074 
				if($(this).index()<3){
1075 
					$(".tr").css('transform', 'translate3d(0px, 0px, 0px)')
1076 
				}
1077 
				tagnum=tabitem
1078 
				clearToFun(tagnum)
1079
1080 
				$('.w').css('transform', 'translate3d(0px, 0px, 0px)')
1081 
				$('.swiper-container2 .swiper-slide-active').css('height','auto').siblings('.swiper-slide').css('height','0px');
1082 
				mySwiper.update();
1083 
			});
1084 1084 
			//============end swiper================
1085 1085
1086 1086 
			//============open模块链接跳转================

+ 1 - 208
searchNew.html
View File 

@ -53,214 +53,7 @@
53 53 
				</div>
54 54 
				<ul class="choosediv clearfix filterdiv">
55 55 
					<li id="tabUser" rel="itemUser" class="liactive" data-id="1">找专家</li>
56 
					<!-- <li id="tabTeam" rel="itemTeam" data-id="8">找团队</li> -->
57 
					<li id="tabSer" rel="itemSer" data-id="7">找服务</li>
58 
					<li id="tabRes" rel="itemRes" data-id="2">找资源</li>
59 
					<li id="tabPat" rel="itemPat" data-id="5">找成果</li>
60 
					<li id="tabPar" rel="itemPar" data-id="6">找论文</li>
61 
					<!-- <li id="tabArt" rel="itemArt" data-id="3">找文章</li> -->
62 
					<li id="tabCmp" rel="itemCmp" data-id="4">找企业</li>
63 
				</ul>
64 
				<div class="listdiv">
65 
					<!--找人-->
66 
					<div class="listbox" id="itemUser">
67 
						<ul class="filterListNew clearfix">
68 
							<li>
69 
								<span class="leftsort">学术领域：</span>
70 
								<ul class="filterUl academicField" id="academicField1">
71
72 
									</ul>
73 
									<span class="rightbtn">全部<em class="foldtr"></em></span>
74 
								</li>
75 
								<li>
76 
								<span class="leftsort">行业领域：</span>
77 
								<ul class="filterUl applicationIndustry" id="applicationIndustry1">
78
79 
									</ul>
80 
									<span class="rightbtn">全部<em class="foldtr"></em></span>
81 
								</li>
82 
								<li>
83 
								<span class="leftsort">所在城市：</span>
84 
								<ul class="filterUl cityList" id="cityList1">
85
86 
								</ul>
87 
								<span class="rightbtn">全部<em class="foldtr"></em></span>
88 
							</li>
89 
						</ul>
90 
						<div class="searchCon">
91 
							<ul class="listitemdiv" id="expertList"></ul>
92 
							<button class="js-load-more"></button>
93 
					    </div>
94 
					</div>
95 
					<!--找团队-->
96 
					<div class="listbox" id="itemTeam">
97 
						<ul class="filterListNew clearfix">
98 
							<li>
99 
								<span class="leftsort">学术领域：</span>
100 
								<ul class="filterUl academicField" id="academicField2">
101
102 
									</ul>
103 
									<span class="rightbtn">全部<em class="foldtr"></em></span>
104 
								</li>
105 
								<li>
106 
								<span class="leftsort">行业领域：</span>
107 
								<ul class="filterUl applicationIndustry" id="applicationIndustry2">
108
109 
									</ul>
110 
									<span class="rightbtn">全部<em class="foldtr"></em></span>
111 
								</li>
112 
								<li>
113 
								<span class="leftsort">所在城市：</span>
114 
								<ul class="filterUl cityList" id="cityList2">
115
116 
								</ul>
117 
								<span class="rightbtn">全部<em class="foldtr"></em></span>
118 
							</li>
119 
						</ul>
120 
						<div class="searchCon">
121 
							<ul class="listitemdiv" id="teamList"></ul>
122 
							<button class="js-load-more"></button>
123 
						</div>
124 
					</div>
125 
					<!--找企业-->
126 
					<div class="listbox" id="itemCmp">
127 
						<div class="searchCon">
128 
							<ul class="listitemdiv listmorediv" id="companyList"></ul>
129 
							<button class="js-load-more"></button>
130 
					    </div>
131 
					</div>
132 
					<!--找资源-->
133 
					<div class="listbox" id="itemRes">
134 
						<div class="searchCon">
135 
							<ul class="listitemdiv listmorediv" id="resourceList"></ul>
136 
							<button class="js-load-more"></button>
137 
					    </div>
138 
					</div>
139 
					<!--找专利-->
140 
					<div class="listbox" id="itemPat">
141 
						<div class="steptit">
142 
							<a data-index='0' class="active">非专利</a>
143 
							<a data-index='1'>专利</a>
144 
						</div>
145 
						<div class="searchCon">
146 
							<ul class="listitemdiv listmorediv" id="unpatentList"></ul>
147 
							<button class="js-load-more"></button>
148 
						</div>
149 
						<div class="searchCon displayNone">
150 
							<ul class="listitemdiv listmorediv" id="patentList"></ul>
151 
							<button class="js-load-more"></button>
152 
					    </div>
153 
					</div>
154 
					<!--找论文-->
155 
					<div class="listbox" id="itemPar">
156 
						<div class="searchCon">
157 
							<ul class="listitemdiv listmorediv" id="paperList"></ul>
158 
							<button class="js-load-more"></button>
159 
					    </div>
160 
					</div>
161 
					<!--找文章-->
162 
					<!-- <div class="listbox" id="itemArt">
163 
						<div class="searchCon">
164 
							<ul class="listitemdiv listmorediv" id="articalList"></ul>
165 
							<button class="js-load-more"></button>
166 
					  	</div>
167 
					</div> -->
168 
					<!--找服务-->
169 
					<div class="listbox" id="itemSer">
170 
						<div class="searchCon">
171 
							<ul class="listitemdiv listmorediv" id="serviceList"></ul>
172 
							<button class="js-load-more"></button>
173 
					    </div>
174 
					</div>
175 
				</div>
176 
			</div>
177 
			<div class="rightconBox floatR">
178 
				<div id="scroll-fixed-ad">
179 
					<div class="conItem advertBox advertItem advertItem-A"></div>
180 
					<div class="conItem advertBox advertItem advertItem-B"></div>
181 
				</div>
182 
			</div>
183 
		</div>
184 
	</div>
185 
</div>
186 
<script type="text/javascript" src="js/correctBack.js"></script>
187 
<footer>
188 
	<script type="text/javascript" src="js/footer.js"></script>
189 
</footer>
190
191 
<script type="text/javascript" src="js/tabCom.js"></script>
192 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
193 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
194 
<script type="text/javascript" src="js/public/baseUtil.js"></script>
195 
<script type="text/javascript" src="js/public/genCom.js"></script>
196 
<script type="text/javascript" src="js/public/cacheUtil.js"></script>
197 
<script type="text/javascript" src="js/scrollfix.js"></script>
198 
<script type="text/javascript" src="js/searchNew.js"></script>
199 
<script type="text/javascript">
200 
$(function () {
201 
	addscript("ad_search_a");
202 
	addscript("ad_search_b");
203 
});
204 
</script>
205 
</body>
206 
</html>
207
208 
<!DOCTYPE html>
209 
<html>
210 
<head>
211 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
212 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
213 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
214 
<title>搜索-科袖网</title>
215 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
216 
<link href="css/bootstrap.min.css" rel="stylesheet">
217 
<link type="text/css" href="css/common.css" rel="stylesheet">
218 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
219 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
220 
<script>
221 
	var _hmt = _hmt || [];
222 
	(function() {
223 
	  var hm = document.createElement("script");
224 
	  hm.src = "https://hm.baidu.com/hm.js?d3db502c8cee2d618c01fe7aa6518602";
225 
	  var s = document.getElementsByTagName("script")[0];
226 
	  s.parentNode.insertBefore(hm, s);
227 
	})();
228 
</script>
229 
<style>
230 
.steptit{
231 
	background: #ffffff;
232 
	padding-left: 20px;
233 
	margin-bottom: 10px;
234 
}
235 
.steptit>a{
236 
	display: inline-block;
237 
	font-size: 14px;
238 
	margin-right:20px;
239 
	line-height: 40px;
240 
	cursor: pointer;
241 
}
242 
.steptit>a.active{
243 
	color: #ff9900;
244 
    border-bottom: 2px solid #ff9900;
245 
}
246 
</style>
247 
</head>
248
249 
<body>
250 
<header id="header">
251 
	<script src="js/header.js"></script>
252 
</header>
253 
<div id="container">
254 
	<div class="containerCon">
255 
		<div class="contentCon clearfix">
256 
			<div class="leftconBox searchWon floatL" style="background: none;margin-bottom: 0;">
257 
				<div class="searchdiv">
258 
					<input type="search" name="searchsome" class="searchsome col-w-12" placeholder="请输入专家姓名、机构、研究方向或相关关键词" />
259 
					<span class="searchgo">搜索</span>
260 
				</div>
261 
				<ul class="choosediv clearfix filterdiv">
262 
					<li id="tabUser" rel="itemUser" class="liactive" data-id="1">找专家</li>
263 
					<!-- <li id="tabTeam" rel="itemTeam" data-id="8">找团队</li> -->
56 
					<li id="tabTeam" rel="itemTeam" data-id="8">找团队</li>
264 57 
					<li id="tabSer" rel="itemSer" data-id="7">找服务</li>
265 58 
					<li id="tabRes" rel="itemRes" data-id="2">找资源</li>
266 59 
					<li id="tabPat" rel="itemPat" data-id="5">找成果</li>