Browse Source

搜索筛选条件改善

luyanan 8 years ago
parent
commit
b7d6fd0e7b
2 changed files with 23 additions and 12 deletions
  1. 6 7
      app/css/app.css
  2. 17 5
      app/html/search.html

+ 6 - 7
app/css/app.css

@ -356,15 +356,14 @@ body{ color: #666666; font-size:14px;}
356 356
.popoverbox2 .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}
357 357
/*城市选择级联*/
358 358
.menublock{ position: relative; }
359
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0;}
359
.menuposition.mui-popover .mui-scroll-wrapper{ margin: 0; height: 300px; top:0;  bottom:0px; border-radius: 0;}
360 360
.menuposition{border-radius:4px; position: absolute; height:300px;width:100%; font-size: 14px;}
361 361
.menuposition .mui-popover-arrow{left:50%; margin-left:-12px;}
362
.menuposition.mui-table-view{border-radius: 0; overflow: auto;}
363
.menuposition .mui-row.mui-fullscreen>[class*="mui-col-"] {height:100%;}
364
.menuposition .mui-col-xs-12,.menuposition .mui-control-content {border-radius: 6px;overflow-y: auto;height: 100%;}
365
.menuposition .mui-segmented-control .mui-control-item {line-height: 44px;width: 100%;}
366
.menuposition .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {border-bottom: 1px solid #e8e8e8;}.menuposition .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {background-color: #FFFFFF;color:#FF9900;}
367
.menuposition .mui-table-view-cell>a:not(.mui-btn).active{background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}	
362
.menuposition .mui-table-view{border-radius: 0; overflow: auto;}
363
.menuposition.mui-table-view .mui-table-view-cell:after{left: 8px;background: #BBBBBB;}
364
.mui-popover.menuposition  .mui-table-view .mui-table-view-cell:first-child,.mui-popover.menuposition  .mui-table-view .mui-table-view-cell:last-child{border-radius: 0; }
365
.mui-popover.menuposition .mui-table-view-cell:first-child>a:not(.mui-btn),.mui-popover.menuposition .mui-table-view-cell:last-child>a:not(.mui-btn){border-radius: 0;}
366
.menuposition .mui-table-view-cell>a:not(.mui-btn).active{border-radius:0;background:#FF9900; color: #FFFFFF;border:1px solid #FF9900;}	
368 367
/***********************搜索*******************/
369 368

370 369
/*********************** 咨询*******************/

+ 17 - 5
app/html/search.html

@ -31,7 +31,7 @@
31 31
    <!-- 主页面内容容器 -->
32 32
    <div class="mui-content">
33 33
    	
34
    	<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
34
    	<!--<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
35 35
			<ul class="filterblock" style="width:100%">
36 36
				<li style="width:33.3333%;">
37 37
					<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>	
@ -43,6 +43,20 @@
43 43
					<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>
44 44
				</li>
45 45
			</ul>
46
		</div>-->
47
		
48
		<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">
49
			<ul class="filterblock" style="width:100%">
50
				<li class="mui-col-xs-4">
51
					<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>	
52
				</li>
53
				<li class="mui-col-xs-4">
54
					<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>
55
				</li>
56
				<li class="mui-col-xs-4">
57
					<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>
58
				</li>
59
			</ul>
46 60
		</div>
47 61
		
48 62
    	<div id="pullrefresh"  style="margin-top:45px; ">
@ -56,17 +70,15 @@
56 70
    
57 71
    <!--城市-->
58 72
    <div id="middlePopovercity" class="mui-popover menuposition" >
59
		<div class="mui-scroll-wrapper"  style=" height: 300px; width: 30%; top:0;  bottom:0px;  float: left;">
73
		<div class="mui-scroll-wrapper mui-pull-left"  style=" width: 30%;border-right:1px solid #CFCFCF;">
60 74
			<div class="mui-scroll">
61 75
				<ul class="mui-table-view provinceval" id="provinceval">
62
					
63 76
				</ul>
64 77
			</div>
65 78
		</div>
66
		<div class="mui-scroll-wrapper"  style=" height: 300px;width: 60%; bottom:0px; top:0;float: right;">
79
		<div class="mui-scroll-wrapper mui-pull-left"  style="width: 70%;left:30%;">
67 80
			<div class="mui-scroll">
68 81
				<ul class="mui-table-view" id="addressval">
69
					
70 82
				</ul>
71 83
			</div>
72 84
		</div>