Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 129 Releases 0 Wiki
Browse Source

搜索修改

xuchunyang 8 years ago
parent
9ece823c16
commit
ead3efa18e
2 changed files with 86 additions and 126 deletions
Split View Show Diff Stats
  1. 4 3
      app/css/app.css
  2. 82 123
      app/html/search.html

+ 4 - 3
app/css/app.css
View File 

@ -395,7 +395,7 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
395 395 
.filterblock li em{ font-size:18px; margin:0 2px;}
396 396 
.filterlist{ padding:0; margin: 0; border:none; border-radius:0;padding:6px 6px 6px 12px;font-size: 13px;}
397 397 
/*筛选条件*/
398 
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;height:200px;font-size: 13px; }
398 
.popoverbox2 {border-radius:4px;width:0;height:0;width:100%;min-height:300px;font-size: 13px; }
399 399 
.popoverbox2 .mui-popover-arrow{left:50%; margin-left:-12px;}
400 400 
.popoverbox2 .mui-table-view{padding:4px;border-radius: 0; overflow: hidden;}
401 401 
.popoverbox2 .mui-table-view-cell{text-align: center;float: left; margin:4px 4%;border-radius:4px;}

@ -406,11 +406,12 @@ em.icon-renzheng span{ font-size:10px;margin-right:4px;vertical-align:middle;}
406 406 
.popoverbox2 .mui-table-view .mui-table-view-cell:first-child,.popoverbox2 .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn){border-radius:4px;}
407 407 
.popoverbox2 .mui-table-view .mui-table-view-cell{border-radius:4px; overflow: hidden; }
408 408 
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
409 
.popoverbox2.mui-popover .mui-table-view{max-height: none; min-height: 300px;}
409 410 
/*城市选择级联*/
410 411 
.menublock{ position: relative; }
411 412 
.menublock .mui-popover-arrow{z-index: 20px;}
412 
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: 300px; top:0;  bottom:0px; border-radius: 0;}
413 
.menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;}
413 
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: auto; top:0;  bottom:0px; border-radius: 0;}
414 
.menuposition{border-radius:4px; position: absolute; height: auto; width:100%; font-size: 14px;}
414 415 
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
415 416 
.menuposition .mui-table-view{border-radius: 0; overflow: auto;}
416 417 
.mui-popover.menuposition .mui-table-view .mui-table-view-cell:after{left: 8px;right: 0;bottom: 0;background: #BBBBBB;}

+ 82 - 123
app/html/search.html
View File 

@ -1,124 +1,83 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf-8">
5 
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6 
    <title></title>
7 
    <link href="../css/mui.min.css" rel="stylesheet"/>
8 
    <link href="../css/app.css" rel="stylesheet"/>
9 
    <link href="../css/iconfont.css" rel="stylesheet" />
10 
  <!--  <style type="text/css">
11 
    	#middlePopoveracad{position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;user-select:none;-webkit-text-size-adjust: none;	-moz-text-size-adjust: none;-ms-text-size-adjust: none;	-o-text-size-adjust: none;	text-size-adjust: none;}
12 
    </style>-->
13 
</head>
14 
<body>
15
16 
	<!-- 主页面标题 -->
17 
    <header class="mui-bar mui-bar-nav toptitbox">
18 
    	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
19 
        <div class="searchbox2 mui-pull-right">
20 
        	<div class="mui-pull-left searchselect">
21 
	        	<div class="simuselect">
22 
                	<div class="ulbox lookwho" id="div_select">专家</div>
23 
					<ul id="li_show" class="lishow">
24 
					    <li data-num="1">专家</li>
25 
					    <li data-num="0">资源</li>
26 
					</ul>
27 
				</div>
28 
	        	<em class="mui-icon mui-icon-arrowdown"></em>
29 
		    </div>
30 
		    <input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
31 
        </div>
32 
	</header>
33 
	<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
34 
			<ul class="filterblock" style="width:100%">
35 
				<li class="mui-col-xs-4">
36 
					<a href="#middlePopovercity" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
37 
				</li>
38 
				<li class="mui-col-xs-4">
39 
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
40 
				</li>
41 
				<li class="mui-col-xs-4">
42 
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
43 
				</li>
44 
			</ul>
45 
	</div>
46 
    <!-- 主页面内容容器 -->
47 
    <div class="mui-content">
48
49 
    	<div id="pullrefresh3"  style="margin-top:45px; ">
50 
			<!--数据列表-->
51 
			<ul class="mui-table-view mui-table-view-chevron list">
52
53 
			</ul>
54 
		</div>
55 
    </div>
56
57 
    <!--城市-->
58 
    <div id="middlePopovercity" class="mui-popover menuposition" >
59 
		<div class="mui-scroll-wrapper mui-pull-left"  style=" width: 30%;border-right:1px solid #CFCFCF;">
60 
			<div class="mui-scroll">
61 
				<ul class="mui-table-view provinceval" id="provinceval">
62 
				</ul>
63 
			</divclass="mui-pull-left" style="width: 70%;left:30%;">
64 
		</div>
65 
		<div class="mui-scroll-wrapper mui-pull-left"  style="width: 70%;left:30%;">
66 
			<div class="mui-scroll">
67 
				<ul class="mui-table-view" id="addressval">
68 
				</ul>
69 
			</div>
70 
		</div>
71 
	</div>
72
73 
    <!--应用行业-->
74 
	<div id="middlePopoveruse" class="mui-popover popoverbox2" >
75 
		<div class="mui-scroll-wrapper" style="height: 200px; top:0;">
76 
			<div class="mui-scroll">
77 
				<ul class="mui-table-view yyhy"  id="yyhy">
78
79 
				</ul>
80 
			</div>
81 
		</div>
82 
	</div>
83
84 
	<!--学术领域-->
85 
	<div id="middlePopoveracad" class="mui-popover popoverbox2" >
86 
		<div class="mui-scroll-wrapper" style="height:200px; top:0; ";>
87 
			<div class="mui-scroll" >
88 
				<ul class="mui-table-view xsly"  id="xsly">
89
90 
				</ul>
91 
			</div>
92 
		</div>
93 
	</div>
94
95 
<!--	<div id="middlePopoveracad" class="mui-popover popoverbox2" >
96 
		<ul class="mui-table-view xsly"  id="xsly"></ul>
97 
	</div>-->
98
99 
   <script src="../js/public/mui.min.js"></script>
100 
   <script src="../js/public/base.js"></script>
101 
<!--   <script src="../js/public/iscroll.js"></script>-->
102 
   <script src="../js/searchhome.js"></script>
103 
   <script type="text/javascript">
104 
	   mui('.mui-scroll-wrapper').scroll(
105 
	   options = {
106 
			 scrollY: true, //是否竖向滚动
107 
			 scrollX: false, //是否横向滚动
108 
			 startX: 0, //初始化时滚动至x
109 
			 startY: 0, //初始化时滚动至y
110 
			 indicators: true, //是否显示滚动条
111 
			 deceleration:0.0005,//阻尼系数,系数越小滑动越灵敏
112 
			 bounce:false, //是否启用回弹
113 
			}
114 
	   );
115
116
117 
	 	/*  var myscroll = new IScroll('#middlePopoveracad', {
118 
				mouseWheel: false,
119 
				click: true,
120 
			});*/
121
122 
   </script>
123 
</body>
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="utf-8">
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<title></title>
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<link href="../css/iconfont.css" rel="stylesheet" />
11
12 
	</head>
13
14 
	<body>
15
16 
		<!-- 主页面标题 -->
17 
		<header class="mui-bar mui-bar-nav toptitbox">
18 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
19 
			<div class="searchbox2 mui-pull-right">
20 
				<div class="mui-pull-left searchselect">
21 
					<div class="simuselect">
22 
						<div class="ulbox lookwho" id="div_select">专家</div>
23 
						<ul id="li_show" class="lishow">
24 
							<li data-num="1">专家</li>
25 
							<li data-num="0">资源</li>
26 
						</ul>
27 
					</div>
28 
					<em class="mui-icon mui-icon-arrowdown"></em>
29 
				</div>
30 
				<input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
31 
			</div>
32 
		</header>
33 
		<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
34 
			<ul class="filterblock" style="width:100%">
35 
				<li class="mui-col-xs-4">
36 
					<a href="#middlePopovercity" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="addressid">全国</span><em class="mui-icon mui-icon-arrowdown"></em></a>
37 
				</li>
38 
				<li class="mui-col-xs-4">
39 
					<a href="#middlePopoveracad" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="subjectid">学术领域</span><em class="mui-icon mui-icon-arrowdown"></em></a>
40 
				</li>
41 
				<li class="mui-col-xs-4">
42 
					<a href="#middlePopoveruse" class="mui-btn mui-btn-block mui-btn-outlined filterlist2 mui-ellipsis"><span id="industryid">应用行业</span><em class="mui-icon mui-icon-arrowdown"></em></a>
43 
				</li>
44 
			</ul>
45 
		</div>
46 
		<!-- 主页面内容容器 -->
47 
		<div class="mui-content">
48
49 
			<div id="pullrefresh3" style="margin-top:45px; ">
50 
				<!--数据列表-->
51 
				<ul class="mui-table-view mui-table-view-chevron list">
52
53 
				</ul>
54 
			</div>
55 
		</div>
56
57 
		<!--城市-->
58 
		<div id="middlePopovercity" class="mui-popover menuposition">
59 
			<div class="mui-pull-left" style=" width: 30%;border-right:1px solid #CFCFCF;">
60 
				<ul class="mui-table-view provinceval" id="provinceval">
61 
				</ul>
62 
			</div>
63 
			<div class="mui-pull-left" style="width: 70%;left:30%;"class="mui-pull-left" style="width: 70%;left:30%;">
64 
				<ul class="mui-table-view" id="addressval">
65 
				</ul>
66 
			</div>
67 
		</div>
68 
		<!--应用行业-->
69 
		<div id="middlePopoveruse" class="mui-popover popoverbox2">
70 
			<ul class="mui-table-view yyhy" id="yyhy">
71 
			</ul>
72 
		</div>
73 
		<!--学术领域-->
74 
		<div id="middlePopoveracad" class="mui-popover popoverbox2">
75 
			<ul class="mui-table-view xsly" id="xsly">
76 
			</ul>
77 
		</div>
78 
		<script src="../js/public/mui.min.js"></script>
79 
		<script src="../js/public/base.js"></script>
80 
		<script src="../js/searchhome.js"></script>
81 
	</body>
82
124 83 
</html>