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

144141

luyanan 7 years ago
parent
4dee309962
commit
6f77d067cf
32 changed files with 956 additions and 6 deletions
Split View Show Diff Stats
  1. 57 4
      css/share.css
  2. 15 0
      css/swiper.min.css
  3. 6 2
      e/I.html
  4. 342 0
      e/index.html
  5. 199 0
      e/search.html
  6. BIN
      images/banner/banner0307.png
  7. BIN
      images/fieldIcon/field01.png
  8. BIN
      images/fieldIcon/field10.png
  9. BIN
      images/fieldIcon/field11.png
  10. BIN
      images/fieldIcon/field14.png
  11. BIN
      images/fieldIcon/field15.png
  12. BIN
      images/fieldIcon/field16.png
  13. BIN
      images/fieldIcon/field20.png
  14. BIN
      images/fieldIcon/field02.png
  15. BIN
      images/fieldIcon/field04.png
  16. BIN
      images/fieldIcon/field05.png
  17. BIN
      images/fieldIcon/field07.png
  18. BIN
      images/field_icon/field16.png
  19. BIN
      images/fieldIcon/field18.png
  20. BIN
      images/field_icon/home_field_6bian.png
  21. BIN
      images/field_icon/home_field_banshou.png
  22. BIN
      images/field_icon/home_field_jinshu.png
  23. BIN
      images/field_icon/home_field_luosi.png
  24. BIN
      images/field_icon/home_field_more.png
  25. BIN
      images/field_icon/home_field_youqi.png
  26. BIN
      images/h5_img/home_faxuqiu_nor@3x.png
  27. BIN
      images/h5_img/home_zhaozj_nor@3x.png
  28. BIN
      images/h5_img/loading.png
  29. BIN
      images/h5_img/pull.png
  30. 17 0
      js/inviteAuthor.js
  31. 14 0
      js/public/shareCom.js
  32. 306 0
      js/search_h5.js

+ 57 - 4
css/share.css
View File 

@ -1,7 +1,7 @@
1 1 
@charset "utf-8";
2 2 
/* CSS Document */
3 
html,body {outline: 0;margin:0;padding:0px;background: #efeff4;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
4 
.contentBody2{max-width:640px;margin:auto;}
3 
html,body {outline: 0;margin:0;padding:0px;background: #F4F6F8;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
4 
.contentBody2{max-width:640px;margin:auto;overflow: hidden;}
5 5 
/*.contentBody2 *{-webkit-user-select: none;}*/
6 6 
.iconfontnew{display: inline-block;width: 18px;height: 18px;*margin-right: .3em;line-height: 18px;vertical-align: text-top;
7 7 
  background-position: center center; background-repeat: no-repeat;background-size: cover;}
 
@ -111,6 +111,7 @@ ul.tagList>li .h2Font{color: #666;}
111 111 
.madiaBlock .flexCenter>a .madiaInfo{width: auto;}
112 112 
.madiaBlock .flexCenter.OflexCenter{min-height:72px;}
113 113 
.madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:24px;}
114 
.madiaBlock .madiaInfo .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
114 115 
.madiaBlock .madiaInfo .ellipsisSty-2{max-height: 44px;}
115 116 
.madiaBlock .madiaInfo .time{font-size:14px;color:#999;}
116 117 
/*点赞模块*/
 
@ -279,8 +280,60 @@ ul.mui-table-view>li:last-child:after{background: none;}
279 280 
.showli{overflow: hidden;}
280 281 
.showli>span{padding-right:10px;font-size: 12px;color:#999;}
281 282
282 
/*微信中指示浏览器打开*/
283 
/*===========微信中指示浏览器打开===========*/
283 284 
.strCss{
284 285 
	background-image:url(../images/guideJump.png);
285 286 
	background-size:cover;
286 
	left:0;right:0;top:0;bottom:0;position:fixed;z-index:19999;}
287 
	left:0;right:0;top:0;bottom:0;position:fixed;z-index:19999;}
288 
/*===========首页和搜索==============*/
289 
.maintitbox{background: #FFFFFF;}
290 
.maintitbox .maintit{ line-height: 40px; border-bottom: 1px solid #F0F0F0; font-size: 16px; text-align: center; color: #FF9900;}
291 
.conblock{ background: #FFFFFF;margin:10px 0;}
292 
.gridbg{ background: #FFFFFF; border: none;margin:auto;}
293 
.gridbg li{ padding: 10px 4px;text-align:center;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
294 
.gridbg li>a{display: block;color: #333;font-size: 12px;}
295
296 
.btnLinkBox li{padding:11px 15px;}
297 
.btnLinkBox li>a{display:block;margin:0 15px}
298 
.btnLinkBox li:first-child{border-right:2px dashed #E5E5E5;}
299 
.btnLinkBox .h1Font{font-weight: normal;color:#333333;font-size:16px;line-height: 18px;margin-bottom: 0;}
300 
.btnLinkBox .h2Font{color:#888;font-size:12px;line-height: 22px;margin-bottom: 0;}
301 
.btnLinkIcon{position:absolute;width:28px; height:28px;top:50%;margin-top:-14px;left:36px;text-align: center;vertical-align: middle;background-position: center;background-size: cover;}
302 
.btnLinkIcon.fabuBtn{background-image: url(../images/h5_img/home_faxuqiu_nor@3x.png);}
303 
.btnLinkIcon.proBtn{background-image: url(../images/h5_img/home_zhaozj_nor@3x.png);}
304 
.btnLink{padding-left:40px;}
305 
/*热门领域*/
306 
.fieldicon{display:block;width:24px; height:24px;margin:10px auto;background-repeat: no-repeat;background-size: cover;}
307 
.fieldicon01{background-image: url(../images/field_icon/home_field_youqi.png);}
308 
.fieldicon02{background-image: url(../images/field_icon/home_field_luosi.png);}
309 
.fieldicon03{background-image: url(../images/field_icon/home_field_banshou.png);}
310 
.fieldicon04{background-image: url(../images/field_icon/home_field_6bian.png);}
311 
.fieldicon05{background-image: url(../images/field_icon/home_field_jinshu.png);}
312 
.fieldicon-more{background-image: url(../images/field_icon/home_field_more.png);}
313
314 
.infocon.madiaBlock .h3Font{font-size:13px;line-height:22px;color:#666666;}
315 
/*搜索*/
316 
.searchBox{position:fixed;top:0;width:100%;max-width:640px;height:42px;background:#ff9900;overflow:hidden;z-index:3;}
317 
.searchBox input.form-control[type='search']{border-color:#ff9900;background:#FFFFFF;vertical-align:middle;text-align: left;width:98%;height: 30px; border-radius:4px; font-size:12px; line-height:16px;margin:6px auto;}
318 
.searchBox input.form-control[type='search']:focus{outline:none;box-shadow:none;border-color:#ff9900;}
319 
/*导航栏 */
320 
.swiper-container-tab{position: fixed;top:42px;width:100%;max-width:640px;z-index:2; }
321 
.swiper-wrapper-tab ul {display: -webkit-box;width:100%; }
322 
.swiper-wrapper-tab li { display: block; background: #fff; overflow: hidden;width:16.666666666666664%;min-width:88px;height: 40px; line-height: 40px; position: relative; font-size: 15px;text-align: center;}
323 
.swiper-wrapper-tab li:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 1px; content: ''; background-color: #dcdcdc; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }
324 
.swiper-wrapper-tab li.active-tab{color:#ff9900; }
325 
.swiper-wrapper-tab li.active-tab:after{opacity: 1; background-color:#ff9900; height: 4px; }
326 
/*.swiper-wrapper-tab li:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 1px; content: ''; background-color: #dcdcdc; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }*/
327 
/*.my-pagination{position: fixed;top:-38px;width:100%;z-index:2; }
328 
.my-pagination .swiper-pagination-bullet { text-align: center; border-radius: 0; opacity: 1; }
329 
.my-pagination ul {display: -webkit-box; }*/
330 
/*.my-pagination li { display: block; background: #fff; overflow: hidden; box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; height: 40px; line-height: 40px; position: relative; font-size: 15px; }
331 
.my-pagination li:after { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 1px; content: ''; background-color: #dcdcdc; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scaleY(.5) }
332 
.my-pagination .swiper-pagination-bullet-active { color:#ff9900; }
333 
.my-pagination .swiper-pagination-bullet-active:after { opacity: 1; background-color:#ff9900; height: 4px; }*/
334
335
336 
.swiper-container-main{position:relative;top:80px}
337 
.swiper-container-main .swiper-slide ul.mui-table-view{background: #FFFFFF;}
338 
.swiper-container-main .swiper-slide ul.mui-table-view>li{padding:11px 15px;}
339

+ 15 - 0
css/swiper.min.css
View File 

@ -0,0 +1,15 @@
1 
/**
2 
 * Swiper 3.0.8
3 
 * Most modern mobile touch slider and framework with hardware accelerated transitions
4 
 *
5 
 * http://www.idangero.us/swiper/
6 
 *
7 
 * Copyright 2015, Vladimir Kharlampidi
8 
 * The iDangero.us
9 
 * http://www.idangero.us/
10 
 *
11 
 * Licensed under MIT
12 
 *
13 
 * Released on: June 14, 2015
14 
 */
15 
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

+ 6 - 2
e/I.html
View File 

@ -13,7 +13,7 @@
13 13 
<div class="contentBody2">
14 14 
	<div class="topSTit">
15 15 
		<img src="../images/share_bg_img_nor@3x.png" />
16 
		<div class="titSort">
16 
		<div class="titSort" style="top: -86px;">
17 17 
			<img class="biaoti" src="../images/share_bg_lunwen_nor@3x.png"/>
18 18 
			<img src="../images/share_bg_huanying_nor@3x.png" />
19 19 
		</div>

@ -21,7 +21,7 @@
21 21 
	</div>
22 22 
	<form class="form-inline">
23 23 
		<!--填写表单信息-->
24 
		<div class="formblock">
24 
		<div class="formblock" style="margin-top: -36px;">
25 25 
			<div class="formTit ellipsisSty-2"></div>
26 26 
			<div class="form-group">
27 27 
				<div class="input-group">

@ -30,6 +30,10 @@
30 30 
				<div class="input-group">
31 31 
			    	<input type="tel" class="form-control input_phone" placeholder="请输入您的手机号码" id="userphone" >
32 32 
			    </div>
33 
			    <div class="input-group">
34 
			    	<input type="text" class="form-control" placeholder="请输入图形验证码" id="imgCode"/>
35 
					<img src="/ajax/PictureVC" class="canPoint" style="position: absolute;top:-1px;right:-1px;width:128px;height:44px;border-radius:0 4px 4px 0;" id="changImage"/>
36 
			    </div>
33 37 
			    <div class="input-group">
34 38 
			      <input class="form-control input_code" type="number" placeholder="请输入验证码" id="code" >
35 39 
			      <button type="button" class="btn input-group-addon canPoint" id="obtain-code">获取验证码</button>

+ 342 - 0
e/index.html
View File 

@ -0,0 +1,342 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
<head>
5 
<meta charset="UTF-8">
6 
<title>科袖网-搭建企业与专家的桥梁</title>
7 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
<link rel="stylesheet" href="../css/bootstrap.min.css" />
9 
<link rel="stylesheet" href="../css/reset.css" />
10 
<link rel="stylesheet" href="../css/common.css" />
11 
<link rel="stylesheet" href="../css/share.css" />
12 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
14 
</head>
15
16 
<body>
17 
<div class="contentBody2">
18 
	<div class="bannerA">
19 
		<img src="../images/banner/banner0307.png" width="100%">
20 
	</div>
21 
	<div class="conblock btnLinkBox clearfix">
22 
		<ul class="row clearfix">
23 
			<li class="col-xs-6" id="improfessor">
24 
				<a href="javascript:;">
25 
					<div class="mui-media-object mui-pull-left btnLinkIcon proBtn"></div>
26 
					<div class="media-body btnLink">
27 
						<h4 class='h1Font'>找专家</h4>
28 
						<p class='h2Font ellipsisSty'>快速获得专家回复</p>
29 
					</div>
30 
				</a>
31 
			</li>
32 
			<li class="col-xs-6" id="demandP">
33 
				<a href="javascript:;">
34 
					<div class="mui-media-object mui-pull-left btnLinkIcon fabuBtn"></div>
35 
					<div class="media-body btnLink">
36 
						<h4 class='h1Font'>发需求</h4>
37 
						<p class='h2Font ellipsisSty'>解决企业研发难题</p>
38 
					</div>
39 
				</a>
40 
			</li>
41 
		</ul>
42 
	</div>
43 
	<div class="mainbox">
44 
		<div class="maintitbox">
45 
			<div class="maintit">热门领域</div>
46 
		</div>
47 
		<ul class="row gridbg">
48 
			<li class="col-xs-4" data-title="腐蚀与防护">
49 
			    <a href="#">
50 
			        <span class="fieldicon fieldicon01"></span>
51 
			        <div class="media-body">腐蚀与防护</div>
52 
			    </a>
53 
			</li>
54 
			<li class="col-xs-4" data-title="材料失效与保护">
55 
			    <a href="#">
56 
			        <span class="fieldicon fieldicon02"></span>
57 
			        <div class="media-body">材料失效与保护</div>
58 
			    </a>
59 
			</li>
60 
			<li class="col-xs-4" data-title="材料加工">
61 
			    <a href="#">
62 
			        <span class="fieldicon fieldicon03"></span>
63 
			        <div class="media-body">材料加工</div>
64 
			    </a>
65 
			</li>
66 
			<li class="col-xs-4" data-title="复合材料">
67 
			    <a href="#">
68 
			        <span class="fieldicon fieldicon04"></span>
69 
			        <div class="media-body">复合材料</div>
70 
			    </a>
71 
			</li>
72 
			<li class="col-xs-4" data-title="金属材料">
73 
			    <a href="#">
74 
			        <span class="fieldicon fieldicon05"></span>
75 
			        <div class="media-body">金属材料</div>
76 
			    </a>
77 
			</li>
78 
			<li class="col-xs-4" data-title="">
79 
			    <a href="#">
80 
			        <span class="fieldicon fieldicon-more"></span>
81 
			        <div class="media-body">更多领域</div>
82 
			    </a>
83 
			</li>
84 
		</ul>
85
86 
	</div>
87 
	<div class="mainbox">
88 
		<div class="maintitbox">
89 
			<div class="maintit">推荐专家</div>
90 
		</div>
91 
		<div class="infocon madiaBlock">
92 
			<ul class="mui-table-view"  id="hotPro">
93
94 
		    </ul>
95 
		</div>
96 
		<div class="seeMore" id="moreHotp"><em>查看全部</em></div>
97 
	</div>
98 
	<div class="mainbox">
99 
		<div class="maintitbox">
100 
			<div class="maintit">热门资源</div>
101 
		</div>
102 
		<div class="infocon madiaBlock">
103 
			<ul class="mui-table-view" id="resShare">
104
105 
		    </ul>
106 
		</div>
107 
		<div class="seeMore" id="moreShare"><em>查看全部</em></div>
108 
	</div>
109 
	<div class="mainbox" style="margin-bottom: 20px;">
110 
		<div class="maintitbox">
111 
			<div class="maintit">入驻企业</div>
112 
		</div>
113 
		<div class="infocon madiaBlock">
114 
			<ul class="mui-table-view" id="ruZhuCmp">
115
116 
		    </ul>
117 
		</div>
118 
		<div class="seeMore" id="moreRcmp"><em>查看全部</em></div>
119 
	</div>
120 
</div>
121
122 
<script type="text/javascript">
123 
$(document).ready(function() {
124 
	proShow()
125 
	resShare()
126 
	ruZhuCmp()
127
128 
	$("#resShare").on("click","li", function() {
129 
		var OdataId=this.getAttribute("data-id");
130 
		location.href="http://" + window.location.host + "/e/r.html?id=" + OdataId;
131 
	})
132 
	$("#hotPro").on("click","li", function() {
133 
		var OdataId=this.getAttribute("data-id");
134 
		location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
135 
	})
136 
	$("#ruZhuCmp").on("click","li", function() {
137 
		var OdataId=this.getAttribute("data-id");
138 
		location.href="http://" + window.location.host + "/e/c.html?id=" + OdataId;
139 
	})
140 
	$("#moreRcmp").on("click", function() {//查看更多企业
141 
		location.href="http://" + window.location.host + "/e/search.html?flag=6";
142 
	})
143 
	$("#moreShare").on("click", function() {//查看更多资源
144 
		location.href="http://" + window.location.host + "/e/search.html?flag=2";
145 
	})
146 
	$("#moreHotp").on("click", function() {//查看更多资源
147 
		location.href="http://" + window.location.host + "/e/search.html?flag=1";
148 
	})
149
150 
	function ruZhuCmp(){//入驻企业
151 
		$.ajax({
152 
			url:"/ajax/org/find/pq",
153 
			type: "GET",
154 
			timeout: 10000,
155 
			dataType: "json",
156 
			data:{
157 
				"pageSize": 5,
158 
				"pageNo": 1
159 
			},
160 
			success: function(data) {
161 
				if(data.success) {
162 
					var $info = data.data.data;
163 
					for(var i = 0; i < $info.length; i++) {
164 
						var liStr=document.createElement("li");
165 
						liStr.className="mui-table-view-cell";
166 
						liStr.setAttribute("data-id", $info[i].id);
167 
						document.getElementById("ruZhuCmp").appendChild(liStr);
168 
						var cmpname,imgurl='../images/default-icon.jpg'
169 
						if($info[i].hasOrgLogo) {
170 
							imgurl='/images/org/' + $info[i].id + '.jpg';
171 
						}
172 
						if($info[i].forShort){
173 
							cmpname = $info[i].forShort;
174 
						}else{
175 
							cmpname = $info[i].name;
176 
						}
177 
						var oSty={sty:"",tit:""};
178 
						if($info[i].authStatus == 3) {
179 
							oSty.sty="authicon-com-ok"
180 
							oSty.tit="科袖认证企业"
181 
						}
182 
						var orgOther = "",orgType="";
183 
						if($info[i].industry) {
184 
							orgOther = $info[i].industry.replace(/,/gi, " | ");
185 
						}
186 
						if($info[i].orgType == "2") {
187 
							orgType = orgTypeShow[$info[i].orgType] + "<span style='margin-right:16px;'></span>";
188 
						}
189 
						var strCon='';
190 
						strCon += '<div class="flexCenter clearfix">'
191 
						strCon += '<div class="madiaHead cmpHead">'
192 
						strCon += '<div class="boxBlock"><img class="boxBlockimg" src="'+imgurl+'"></div></div>'
193 
						strCon += '<div class="madiaInfo OmadiaInfo">'
194 
						strCon += '<div class="h1Font  ellipsisSty">'
195 
						strCon += 	'<span class="qiyego">'+cmpname+'</span>'
196 
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
197 
						strCon += '</div>'
198 
						strCon += '<div class="h2Font  ellipsisSty">'
199 
						strCon += 	'<span>'+orgType+orgOther+'</span>'
200 
						strCon += '</div>'
201 
						strCon += '</div></div>'
202 
						liStr.innerHTML = strCon;
203 
					}
204 
				}
205 
			},
206 
			error: function() {
207 
			}
208 
		})
209 
	}
210 
	function resShare(){//资源共享
211 
		$.ajax({
212 
			url:"/ajax/resource/firstpq",
213 
			type: "GET",
214 
			timeout: 10000,
215 
			dataType: "json",
216 
			data:{
217 
				"pageSize":5,
218 
				"pageNo": 1
219 
			},
220 
			success: function(data) {
221 
				if(data.success) {
222 
					var $info = data.data.data;
223 
					for(var i = 0; i < $info.length; i++) {
224 
						var liStr = document.createElement("li");
225 
						liStr.setAttribute("data-id", $info[i].resourceId);
226 
						liStr.className = "mui-table-view-cell";
227 
						document.getElementById("resShare").appendChild(liStr);
228
229 
						var cmpname,imgurl='../images/default-resource.jpg'
230 
						var oSty={sty:"",tit:""};
231 
						if($info[i].images.length > 0) {
232 
							imgurl='/data/resource/' + $info[i].images[0].imageSrc
233 
						}
234 
						if($info[i].resourceType == 1) { //个人资源
235 
							cmpname = $info[i].editProfessor.name;
236 
							oSty = autho($info[i].editProfessor.authType, $info[i].editProfessor.orgAuth, $info[i].editProfessor.authStatus);
237 
						} else if($info[i].resourceType == 2) { //企业资源
238 
							if($info[i].organization.forShort) {
239 
								cmpname = $info[i].organization.forShort;
240 
							}else{
241 
								cmpname = $info[i].organization.name;
242 
							}
243 
							if($info[i].organization.authStatus==3){
244 
								oSty.sty="authicon-com-ok"
245 
								oSty.tit="科袖认证企业"
246 
							}
247 
						}
248
249 
						var strCon='';
250 
						strCon += '<div class="flexCenter clearfix">'
251 
						strCon += '<div class="madiaHead resouseHead" style="background-image:url('+imgurl+')"></div>'
252 
						strCon += '<div class="madiaInfo OmadiaInfo">'
253 
						strCon += '<div class="h1Font  ellipsisSty-2">'+$info[i].resourceName+'</div>'
254 
						strCon += '<div class="h3Font  ellipsisSty">'
255 
						strCon += 	'<span class="qiyego">'+cmpname+'</span>'
256 
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
257 
						strCon += '<div class=" ellipsisSty h2Font">用途：' + $info[i].supportedServices + '</div>'
258 
						strCon += '</div></div>'
259 
						liStr.innerHTML = strCon;
260 
					}
261 
				}
262 
			},
263 
			error: function() {
264 
			}
265 
		})
266 
	}
267 
	function proShow(){//专家
268 
		$.ajax({
269 
			url:"/ajax/professor/pqBaseInfo",
270 
			type: "GET",
271 
			timeout: 10000,
272 
			dataType: "json",
273 
			data:{
274 
				"pageSize":5,
275 
				"pageNo": 1
276 
			},
277 
			success: function(data) {
278 
				if(data.success) {
279 
					var $info = data.data.data;
280 
					for(var i = 0; i < $info.length; i++) {
281 
						var liStr = document.createElement("li");
282 
						liStr.setAttribute("data-id", $info[i].id);
283 
						liStr.className = "mui-table-view-cell";
284 
						document.getElementById("hotPro").appendChild(liStr);
285
286 
						var cmpname,imgurl='../images/default-photo.jpg'
287 
						var oSty=autho($info[i].authType, $info[i].orgAuth, $info[i].authStatus);
288 
						cmpname = $info[i].name;
289 
						if($info[i].hasHeadImage) {
290 
							imgurl='/images/head/' + $info[i].id + '_l.jpg';
291 
						}
292 
						var oTitle='';
293 
						if($info[i].title) {
294 
							oTitle = $info[i].title;
295 
							if($info[i].orgName){
296 
								oTitle = $info[i].title +'，'+ $info[i].orgName;
297 
							}
298 
						} else {
299 
							if($info[i].office) {
300 
								oTitle = $info[i].office;
301 
								if($info[i].orgName){
302 
									oTitle = $info[i].office +'，'+ $info[i].orgName;
303 
								}
304 
							}
305 
						}
306 
						var oResult=""
307 
						if($info[i].researchAreas.length > 0){
308 
							oResult = '研究方向：';
309 
							for(var n = 0; n < $info[i].researchAreas.length; n++) {
310 
								oResult += $info[i].researchAreas[n].caption
311 
								if(n < $info[i].researchAreas.length - 1) {
312 
									oResult += "；"
313 
								}
314 
							}
315 
						}
316
317 
						var strCon='';
318 
						strCon += '<div class="flexCenter clearfix">'
319 
						strCon += '<div class="madiaHead useHead" style="background-image:url('+imgurl+')"></div>'
320 
						strCon += '<div class="madiaInfo">'
321 
						strCon += '<div class="h1Font  ellipsisSty">'
322 
						strCon += 	'<span class="qiyego">'+cmpname+'</span>'
323 
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
324 
						strCon += '</div>'
325 
						strCon += '<div class="h3Font  ellipsisSty" style="margin-top:0;">'+oTitle+'</div>'
326 
						strCon += '<div class="h3Font  ellipsisSty">'+oResult+'</div>'
327 
						strCon += '</div></div>'
328 
						liStr.innerHTML = strCon;
329 
					}
330 
				}
331 
			},
332 
			error: function() {
333 
			}
334 
		})
335 
	}
336
337 
})
338 
</script>
339
340 
</body>
341
342 
</html>

+ 199 - 0
e/search.html
View File 

@ -0,0 +1,199 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
<head>
5 
<meta charset="UTF-8">
6 
<title>搜索-科袖网</title>
7 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
<link rel="stylesheet" href="../css/bootstrap.min.css" />
9 
<link rel="stylesheet" href="../css/reset.css" />
10 
<link rel="stylesheet" href="../css/common.css" />
11 
<link rel="stylesheet" href="../css/swiper.min.css" />
12 
<link rel="stylesheet" href="../css/share.css" />
13 
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
14 
<script type="text/javascript" src="../js/public/swiper.min.js"></script>
15 
<script type="text/javascript" src="../js/public/shareCom.js"></script>
16 
<style type="text/css">
17 
		.tab{display: flex;line-height: 40px;position: fixed;top: 40px;width: 100%;z-index: 10;border-bottom: 1px #ccc solid;}
18 
		.tab a{width: 33.333333%;background: #fff;text-align: center;}
19 
		.tab .active{border-bottom: 1px #f50 solid; color: #f50;}
20 
		.panel{margin: 0;}
21
22 
		.refreshtip {position: absolute;left: 0;width: 100%;margin: 10px 0;text-align: center;color: #999;}
23 
		.swiper-container{overflow: visible;}
24 
		.loadtip { display: block;width: 100%;line-height: 40px; height: 40px;text-align: center;color: #999;}
25 
		.swiper-container, .w{height: calc(100vh - 0px);}
26 
		.swiper-slide{height: auto;}
27
28 
		.text-center{text-align: center;}
29
30 
</style>
31 
</head>
32
33 
<body>
34 
<div class="contentBody2">
35 
	<div class="searchBox">
36 
		<form onsubmit="return false;" id="searB">
37 
      		<input type="search" class="form-control" placeholder="请输入关键词" id="searchval" />
38 
      	</form>
39 
        <div class="rightnav filtered displayNone" id="sele">
40 
			<a class="mui-icon iconfont icon-filter"><span class="mui-badge" id="seler" style="display:none;"></span></a><br />筛选
41 
		</div>
42 
    </div>
43 
	<!--<div class="tab">
44 
		<a class="active" href="javascript:;">找专家</a>
45 
		<a href="javascript:;">找企业</a>
46 
		<a href="javascript:;">找资源</a>
47 
	</div>-->
48 
	<div class="swiper-container-tab">
49 
		<div class="swiper-wrapper swiper-wrapper-tab">
50 
			<ul>
51 
				<li class="swiper-slide swiper-slide-tab active-tab">找专家</li>
52 
				<li class="swiper-slide swiper-slide-tab">找企业</li>
53 
				<li class="swiper-slide swiper-slide-tab">找资源</li>
54 
				<li class="swiper-slide swiper-slide-tab">找专利</li>
55 
				<li class="swiper-slide swiper-slide-tab">找论文</li>
56 
				<li class="swiper-slide swiper-slide-tab">找文章</li>
57 
			</ul>
58
59 
		</div>
60 
	</div>
61 
	<div class="swiper-container madiaBlock swiper-container-main">
62 
		<div class="refreshtip">下拉可以刷新</div>
63 
		<div class="swiper-wrapper swiper-wrapper-main w">
64 
			<div class="swiper-slide d">
65 
				<div class="init-loading list-group-item text-center" style="display: none;">下拉可以刷新</div>
66 
				<div class="swiper-container2">
67 
					<div class="swiper-wrapper">
68 
						<div class="swiper-slide list-group">
69 
							<ul class="mui-table-view" id="proList">
70
71 
							</ul>
72 
						</div>
73 
						<div class="swiper-slide list-group">
74 
							<ul class="mui-table-view" id="companyList">
75
76 
							</ul>
77 
						</div>
78 
						<div class="swiper-slide list-group">
79 
							<ul class="mui-table-view" id="resourceList">
80
81 
							</ul>
82 
						</div>
83 
						<div class="swiper-slide list-group">
84 
							<ul class="mui-table-view" id="patentList">
85
86 
							</ul>
87 
						</div>
88 
						<div class="swiper-slide list-group">
89 
							<ul class="mui-table-view" id="paperList">
90
91 
							</ul>
92 
						</div>
93 
						<div class="swiper-slide list-group">
94 
							<ul class="mui-table-view" id="articleList">
95
96 
							</ul>
97 
						</div>
98 
					</div>
99 
				</div>
100 
			</div>
101 
		</div>
102 
		<div class="loadtip">上拉加载更多</div>
103 
		<div class="swiper-scrollbar"></div>
104 
	</div>
105 
</div>
106 
<script src="../js/search_h5.js" type="text/javascript" charset="utf-8"></script>
107 
<script type="text/javascript">
108 
	var mySwiperTab = new Swiper('.swiper-container-tab',{
109 
		freeMode : true,
110 
		freeModeMomentum : false,
111 
		freeModeMomentumBounce : false,
112 
		freeModeMomentumRatio : 5,
113 
		touchRatio : 0.5,
114 
	})
115 
	var loadFlag = true;
116 
	var oi = 0;
117 
	var mySwiper = new Swiper('.swiper-container-main',{
118 
		direction: 'vertical',
119 
		scrollbar: '.swiper-scrollbar',
120 
		slidesPerView: 'auto',
121 
		mousewheelControl: true,
122 
		freeMode: true,
123 
		onTouchMove: function(swiper){		//手动滑动中触发
124 
			var _viewHeight = document.getElementsByClassName('swiper-wrapper-main')[0].offsetHeight;
125 
            var _contentHeight = document.getElementsByClassName('swiper-slide')[0].offsetHeight;
126
127 
            if(mySwiper.translate < 50 && mySwiper.translate > 0) {
128 
				$(".init-loading").html('下拉刷新...').show();
129 
			}else if(mySwiper.translate > 50 ){
130 
				$(".init-loading").html('释放刷新...').show();
131 
			}
132 
		},
133 
		onTouchEnd: function(swiper) {
134 
			var _viewHeight = document.getElementsByClassName('swiper-wrapper-main')[0].offsetHeight;
135 
            var _contentHeight = document.getElementsByClassName('swiper-slide')[0].offsetHeight;
136 
             // 上拉加载
137 
            if(mySwiper.translate <= _viewHeight - _contentHeight - 50 && mySwiper.translate < 0) {
138 
                if(loadFlag){
139 
                	$(".loadtip").html('正在加载...');
140 
                }else{
141 
                	$(".loadtip").html('没有更多啦！');
142 
                }
143
144 
                setTimeout(function() {
145 
                    for(var i = 0; i <5; i++) {
146 
                    	oi++;
147 
                        $(".list-group").eq(mySwiper2.activeIndex).append('<li class="list-group-item">我是加载出来的'+oi+'...</li>');
148 
                    }
149 
                     $(".loadtip").html('上拉加载更多...');
150 
                    mySwiper.update(); // 重新计算高度;
151 
                }, 800);
152 
            }
153
154 
            // 下拉刷新
155 
            if(mySwiper.translate >= 50) {
156 
                $(".init-loading").html('正在刷新...').show();
157 
                $(".loadtip").html('上拉加载更多');
158 
                loadFlag = true;
159
160 
                setTimeout(function() {
161 
                    $(".refreshtip").show(0);
162 
                    $(".init-loading").html('刷新成功！');
163 
                    setTimeout(function(){
164 
                    	$(".init-loading").html('').hide();
165 
                    },800);
166 
                    $(".loadtip").show(0);
167
168 
                    //刷新操作
169 
                    mySwiper.update(); // 重新计算高度;
170 
                }, 1000);
171 
            }else if(mySwiper.translate >= 0 && mySwiper.translate < 50){
172 
            	$(".init-loading").html('').hide();
173 
            }
174 
            return false;
175 
		}
176 
	});
177 
	var mySwiper2 = new Swiper('.swiper-container2',{
178 
		onTransitionEnd: function(swiper){
179 
			$('.w').css('transform', 'translate3d(0px, 0px, 0px)')
180 
			$('.swiper-container2 .swiper-slide-active').css('height','auto').siblings('.swiper-slide').css('height','0px');
181 
			mySwiper.update();
182 
			$('.swiper-slide-tab').eq(mySwiper2.activeIndex).addClass('active-tab').siblings('li').removeClass('active-tab');
183 
		}
184
185 
	});
186 
	$('.swiper-slide-tab').click(function(){
187 
		$(this).addClass('active-tab').siblings('li').removeClass('active-tab');
188 
		mySwiper2.slideTo($(this).index(), 500, false)
189
190 
		$('.w').css('transform', 'translate3d(0px, 0px, 0px)')
191 
		$('.swiper-container2 .swiper-slide-active').css('height','auto').siblings('.swiper-slide').css('height','0px');
192 
		mySwiper.update();
193 
	});
194
195 
</script>
196
197 
</body>
198
199 
</html>

BIN
images/banner/banner0307.png
View File


BIN
images/fieldIcon/field01.png
View File


BIN
images/fieldIcon/field10.png
View File


BIN
images/fieldIcon/field11.png
View File


BIN
images/fieldIcon/field14.png
View File


BIN
images/fieldIcon/field15.png
View File


BIN
images/fieldIcon/field16.png
View File


BIN
images/fieldIcon/field20.png
View File


BIN
images/fieldIcon/field02.png
View File


BIN
images/fieldIcon/field04.png
View File


BIN
images/fieldIcon/field05.png
View File


BIN
images/fieldIcon/field07.png
View File


BIN
images/field_icon/field16.png
View File


BIN
images/fieldIcon/field18.png
View File


BIN
images/field_icon/home_field_6bian.png
View File


BIN
images/field_icon/home_field_banshou.png
View File


BIN
images/field_icon/home_field_jinshu.png
View File


BIN
images/field_icon/home_field_luosi.png
View File


BIN
images/field_icon/home_field_more.png
View File


BIN
images/field_icon/home_field_youqi.png
View File


BIN
images/h5_img/home_faxuqiu_nor@3x.png
View File


BIN
images/h5_img/home_zhaozj_nor@3x.png
View File


BIN
images/h5_img/loading.png
View File


BIN
images/h5_img/pull.png
View File


+ 17 - 0
js/inviteAuthor.js
View File 

@ -61,6 +61,11 @@
61 61 
			if($data.success) {
62 62 
				state = $data.data;
63 63 
				doClick();
64 
			}else{
65 
				if($data.code==20001) {
66 
					bombox("请输入正确的图形验证码");
67 
					$("#changImage").attr("src","/ajax/PictureVC?"+new Date().getTime());
68 
				}
64 69 
			}
65 70
66 71 
		}

@ -91,6 +96,9 @@
91 96 
				}else{
92 97 
					location.href="../ekexiu/InviteResult.html?code="+data.data
93 98 
				}
99 
			}else{
100 
				bombox("收录失败，请重新填写信息");
101 
				$("#changImage").attr("src","/ajax/PictureVC?"+new Date().getTime());
94 102 
			}
95 103 
		}
96 104 
		Init.prototype.bindEvent = function(sel) {

@ -145,14 +153,23 @@
145 153 
					});
146 154 
				}
147 155 
			});
156 
			$("#changImage").on("click",function(){
157 
				$(this).attr("src","/ajax/PictureVC?"+new Date().getTime());
158 
			})
159
148 160 
			/*点击获取验证码*/
149 161 
			$('#obtain-code').on('click', function() {
162 
				if($("#imgCode").val()=="") {
163 
					bombox("请输入图形验证码");
164 
					return;
165 
				}
150 166 
				var hunPhone = /^1[3|4|5|7|8]\d{9}$/;
151 167 
				if(hunPhone.test($("#userphone").val())) {
152 168 
					sel.ajax({
153 169 
						url: "/ajax/phoneValidCode",
154 170 
						obj: {
155 171 
							"phone":$("#userphone").val(),
172 
							"vcode":$("#imgCode").val()
156 173 
						},
157 174 
						status:true,
158 175 
						type: "get",

+ 14 - 0
js/public/shareCom.js
View File 

@ -92,6 +92,20 @@ function TimeTr(dealtime) {
92 92 
	}
93 93 
	return formatTime;
94 94 
}
95 
//企业类型
96 
var orgTypeShow = {
97 
	"2": "上市企业",
98 
	"3": "外资企业",
99 
	"4": "合资企业",
100 
	"5": "独资企业",
101 
	"6": "个体经营",
102 
	"7": "政府机构",
103 
	"8": "公益组织",
104 
	"9": "协会学会",
105 
	"10": "新闻媒体",
106 
	"11": "教育机构",
107 
	"undefined":""
108 
}
95 109 
//需求的费用预算
96 110 
var demandCost = {
97 111 
	'1': '1万元以内',

+ 306 - 0
js/search_h5.js
View File 

@ -0,0 +1,306 @@
1
2 
resourceListVal()
3 
patentListVal()
4 
paperListVal()
5 
articalListVal()
6 
companyListVal()
7 
expertListVal()
8 
	//专家
9 
	function expertListVal(keyt,subject,industry,address,authType,pageSize,pageNo) {
10 
		$.ajax({
11 
			"url": "/ajax/professor/pqBaseInfo",
12 
			"type": "get",
13 
			"data": {
14 
				"key":keyt,
15 
				"subject":subject,
16 
				"industry":industry,
17 
				"address":address,
18 
				"authType":authType,
19 
				"pageSize": pageSize,
20 
				"pageNo": pageNo
21 
			},
22 
			"success": function(data) {
23 
				if(data.success) {
24 
					var obj = data.data.data;
25 
					if(obj.length>0){
26 
						for(var i = 0; i < obj.length; i++) {
27 
							var liItem = document.createElement("li");
28 
							liItem.className = "mui-table-view-cell"
29 
							liItem.setAttribute("data-id",obj[i].id)
30 
							var userType = autho(obj[i].authType, obj[i].orgAuth, obj[i].authStatus);
31 
							var rlist=""
32 
							if( obj[i].researchAreas.length > 0){/*获取研究方向信息*/
33 
								rlist = '研究方向：';
34 
								for(var n = 0; n < obj[i].researchAreas.length; n++) {
35 
									rlist += obj[i].researchAreas[n].caption
36 
									if(n < obj[i].researchAreas.length - 1) {
37 
										rlist += "；"
38 
									}
39 
								}
40 
							}
41 
							var os = "";
42 
							if(obj[i].title) {
43 
								if(obj[i].orgName) {
44 
									os = obj[i].title + "，" + obj[i].orgName;
45 
								} else {
46 
									os = obj[i].title;
47 
								}
48 
							} else {
49 
								if(obj[i].office) {
50 
									if(obj[i].orgName) {
51 
										os = obj[i].office + "，" + obj[i].orgName;
52 
									} else {
53 
										os = obj[i].office;
54 
									}
55 
								} else {
56 
									if(obj[i].orgName) {
57 
										os = obj[i].orgName;
58 
									}
59 
								}
60 
							}
61 
							var baImg = "../images/default-photo.jpg";
62 
							if(obj[i].hasHeadImage == 1) {
63 
								baImg = "/images/head/" + obj[i].id + "_l.jpg";
64 
							}
65 
							var oString = '<div class="flexCenter clearfix">'
66 
							oString += '<div class="madiaHead useHead" style="background-image:url('+baImg+')"></div>'
67 
							oString += '<div class="madiaInfo">'
68 
							oString += '<p class="ellipsisSty"><span class="h1Font">'+obj[i].name+'</span><em class="authiconNew '+userType.sty+'" title="'+userType.title+'"></em></p>'
69 
							oString += '<p class="h2font ellipsisSty">'+os+'</p>'
70 
							oString += '<p class="h2font ellipsisSty">'+rlist+'</p>'
71 
							oString += '</div></div>'
72 
							liItem.innerHTML = oString;
73 
							document.getElementById("proList").appendChild(liItem);
74 
						}
75 
					}else{
76
77 
					}
78 
				}
79 
			},
80 
			"error": function() {
81 
			}
82 
		});
83 
	}
84 
	//企业
85 
	function companyListVal(keyt,pageSize,pageNo) {
86 
		$.ajax({
87 
			"url": "/ajax/org/find/pq",
88 
			"type": "get",
89 
			"async": true,
90 
			"data": {
91 
				"kw":keyt,
92 
				"pageSize": pageSize,
93 
				"pageNo": pageNo
94 
			},
95 
			"success": function(data) {
96 
				if(data.success) {
97 
					var obj = data.data.data;
98 
					if(obj.length>0){
99 
						for(var i = 0; i < obj.length; i++) {
100 
							var liItem = document.createElement("li");
101 
							liItem.className = "mui-table-view-cell"
102 
							liItem.setAttribute("data-id",obj[i].id)
103 
							var imgL,thisName,thisAuth,thisTitle,otherI="";
104 
							if(obj[i].hasOrgLogo == 1) {
105 
								imgL="/images/org/" + obj[i].id + ".jpg";
106 
							}else{
107 
								imgL='../images/default-icon.jpg'
108 
							}
109 
							if(obj[i].forShort){
110 
								thisName=obj[i].forShort
111 
							}else{
112 
								thisName=obj[i].name
113 
							}
114 
							if(obj[i].industry){
115 
								otherI=obj[i].industry.replace(/,/gi, " | ");
116 
							}
117 
							if(obj[i].authStatus==3){
118 
								thisAuth="authicon-com-ok"
119 
								thisTitle="科袖认证企业"
120 
							}
121 
							var oString = '<div class="flexCenter OflexCenter clearfix">'
122 
							oString += '<div class="madiaHead cmpHead"><div class="boxBlock"><img class="boxBlockimg" src="'+imgL+'" /></div></div>'
123 
							oString += '<div class="madiaInfo OmadiaInfo">'
124 
							oString += '<p class="ellipsisSty"><span class="h1Font">'+thisName+'</span><em class="authiconNew '+thisAuth+'" title="'+thisTitle+'"></em></p>'
125 
							oString += '<p class="ellipsisSty h2Font">'+otherI+'</p>'
126 
							oString += '</div></div>'
127 
							liItem.innerHTML = oString;
128 
							document.getElementById("companyList").appendChild(liItem);
129 
						}
130 
					}else{
131
132 
					}
133 
				}
134
135 
			},
136 
			"error": function() {
137 
			}
138 
		});
139 
	}
140 
	//资源
141 
	function resourceListVal(keyt,pageSize, pageNo) {
142 
		$.ajax({
143 
			"url": "/ajax/resource/firstpq",
144 
			"type": "get",
145 
			"async": true,
146 
			"data": {
147 
				"key":keyt,
148 
				"pageSize": pageSize,
149 
				"pageNo": pageNo
150 
			},
151 
			"success": function(data) {
152 
				if(data.success) {
153 
					var obj = data.data.data;
154 
					if(obj.length>0){
155 
						for(var i = 0; i < obj.length; i++) {
156 
							var liItem = document.createElement("li");
157 
							liItem.className = "mui-table-view-cell"
158 
							liItem.setAttribute("data-id",obj[i].resourceId)
159 
							var oString = '<div class="flexCenter OflexCenter clearfix">'
160 
							if(obj[i].images.length) {
161 
								oString += '<div class="madiaHead resouseHead" style="background-image:url(../data/resource/' + obj[i].images[0].imageSrc +')"></div>'
162 
							} else {
163 
								oString += '<div class="madiaHead resouseHead"></div>'
164 
							}
165 
							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty h1Font">' + obj[i].resourceName + '</p>'
166 
							oString += '<p class="h2Font ellipsisSty-2">用途：' + obj[i].supportedServices + '</p>'
167 
							oString += '</div></div>'
168 
							liItem.innerHTML = oString;
169 
							document.getElementById("resourceList").appendChild(liItem);
170 
						}
171 
					}else{
172
173 
					}
174 
				}
175 
			},
176 
			"error": function() {
177 
			}
178 
		});
179 
	}
180 
	//专利
181 
	function patentListVal(keyt,pageSize, pageNo) {
182 
		$.ajax({
183 
			"url": "/ajax/ppatent/pq",
184 
			"type": "get",
185 
			"async": true,
186 
			"data": {
187 
				"qw":keyt,
188 
				"pageSize": pageSize,
189 
				"pageNo": pageNo
190 
			},
191 
			"success": function(data) {
192 
				if(data.success) {
193 
					var obj = data.data.data;
194 
					if(obj.length>0){
195 
						for(var i = 0; i < obj.length; i++) {
196 
							var liItem = document.createElement("li");
197 
							liItem.setAttribute("data-id",obj[i].id);
198 
							liItem.className = "mui-table-view-cell"
199 
							var oString = '<div class="flexCenter OflexCenter clearfix">'
200 
							oString += '<div class="madiaHead patentHead"></div>'
201 
							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>'
202 
							oString += '<p class="ellipsisSty h2Font">发明人：' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>'
203 
							oString += '</div></div>'
204 
							liItem.innerHTML = oString;
205 
							document.getElementById("patentList").appendChild(liItem);
206 
						}
207 
					}else{
208 
					}
209 
				}
210
211 
			},
212 
			"error": function() {
213 
			}
214 
		});
215 
	}
216 
	//论文
217 
	function paperListVal(keyt,pageSize, pageNo) {
218 
		$.ajax({
219 
			"url": "/ajax/ppaper/pq",
220 
			"type": "get",
221 
			"async": true,
222 
			"data": {
223 
				"qw":keyt,
224 
				"pageSize": pageSize,
225 
				"pageNo": pageNo
226 
			},
227 
			"success": function(data) {
228 
				if(data.success) {
229 
					var obj = data.data.data;
230 
					if(obj.length>0){
231 
						for(var i = 0; i < obj.length; i++) {
232 
							var liItem = document.createElement("li");
233 
							liItem.setAttribute("data-id",obj[i].id);
234 
							liItem.className = "mui-table-view-cell"
235 
							var oString = '<div class="flexCenter OflexCenter clearfix">'
236 
							oString += '<div class="madiaHead paperHead"></div>'
237 
							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].name + '</p>'
238 
							oString += '<p class="ellipsisSty h2Font">作者：' + obj[i].authors.substring(0, obj[i].authors.length - 1) + '</p>'
239 
							oString += '</div></div>'
240 
							liItem.innerHTML = oString;
241 
							document.getElementById("paperList").appendChild(liItem);
242 
						}
243 
					}else{
244
245 
					}
246 
				}
247
248 
			},
249 
			"error": function() {
250 
			}
251 
		});
252 
	}
253 
	//文章
254 
	function articalListVal(keyt,pageSize, pageNo) {
255 
		$.ajax({
256 
			"url": "/ajax/article/firstpq",
257 
			"type": "get",
258 
			"async": true,
259 
			"data": {
260 
				"key":keyt,
261 
				"pageSize": pageSize,
262 
				"pageNo": pageNo
263 
			},
264 
			"success": function(data) {
265 
				if(data.success) {
266 
					var obj = data.data.data;
267 
					if(obj.length>0){
268 
						for(var i = 0; i < obj.length; i++) {
269 
							var liItem = document.createElement("li");
270 
							liItem.setAttribute("data-id",obj[i].articleId);
271 
							liItem.setAttribute("owner-id",obj[i].orgId);
272 
							liItem.className = "mui-table-view-cell"
273 
							var oString = '<div class="flexCenter OflexCenter clearfix">'
274 
							if(obj[i].articleImg) {
275 
								oString += '<div class="madiaHead artHead" style="background-image:url(../data/article/' + obj[i].articleImg + ')"></div>'
276 
							} else {
277 
								oString += '<div class="madiaHead artHead"></div>'
278 
							}
279 
							var name="";
280 
							if(obj[i].articleType == 1) { //个人文章
281 
								name=obj[i].professor.name;
282 
							} else if(obj[i].articleType == 2) { //企业文章
283 
								if(obj[i].editOrganization.forShort) {
284 
									name=obj[i].editOrganization.forShort;
285 
								}else{
286 
									name=obj[i].editOrganization.name;
287 
								}
288 
							}
289 
							oString += '<div class="madiaInfo OmadiaInfo"><p class="ellipsisSty-2 h1Font">' + obj[i].articleTitle + '</p>'
290 
							oString += '<p class="h2Font ellipsisSty"><span style="margin-right:10px">' + name + '</span><span class="time">'+commenTime(obj[i].publishTime)+'</span></p>'
291 
							oString += '</div></div>'
292 
							liItem.innerHTML = oString;
293 
							document.getElementById("articleList").appendChild(liItem);
294 
						}
295 
					}else{
296
297 
					}
298 
				}
299 
			},
300 
			"error": function() {
301
302 
			}
303 
		});
304 
	}
305
306