Преглед на файлове

完善搜索和咨询列表样式

luyanan преди 8 години
родител
ревизия
7a53fc6f1c
променени са 10 файла, в които са добавени 35 реда и са изтрити 29 реда
  1. 13 13
      app/css/app.css
  2. 7 3
      app/html/consultlist.html
  3. 1 1
      app/html/search.html
  4. 2 2
      app/js/companyUpdata.js
  5. 2 2
      app/js/companybrowse.js
  6. 2 2
      app/js/proinfobrow.js
  7. 2 2
      app/js/proinforupdate.js
  8. 2 0
      app/js/searchhome.js
  9. 2 2
      app/js/studentUpdata.js
  10. 2 2
      app/js/studentbrowse.js

+ 13 - 13
app/css/app.css

@ -107,12 +107,12 @@ body{ color: #666666; font-size:14px;line-height:20px;}
107 107
/*企业和专家认证标识 icon-vip*/
108 108
.unauthicon{color:#C0C0C0; }/*未认证*/
109 109
.authicon{color:#FF9900;}
110
.icon-vip{}
110
.icon-vip.iconfont{margin-left:2px;font-size:14px;}
111 111
.authicon-cu{color:#FF9900;}/*认证科研型专家*/
112 112
.authicon-com{/*color:#00aaee;*/ color:#2082fb;}/*认证企业型专家*/
113 113
/*普通用户认证标识 icon-renzheng*/
114
em.icon-renzheng{border:1px solid;border-radius:10px;font-size:16px;line-height:14px;}
115
em.icon-renzheng span{ font-size:12px;margin-right:6px;vertical-align:middle;}
114
em.icon-renzheng{position:absolute;border:1px solid;margin-top:2px;margin-left:2px;border-radius:10px;font-size:12px;line-height:10px;}
115
em.icon-renzheng span{position:relative;top:0px;font-size:8px;line-height:8px;margin-right:6px;vertical-align:middle;}
116 116
.authicon-mana{color:#ff9900;}/*认证在企高管*/
117 117
.authicon-staff{color:#007AFF;}/*认证在企职员*/
118 118
.authicon-stu{color:#6bbf00;}/*认证在读学生*/
@ -217,8 +217,8 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
217 217
218 218
/***********************首页*******************/
219 219
.searchbox {width: 96%;margin:6px auto;background:#FFFFFF;height:32px;text-align: center;}
220
.searchbox .searchtxt.mui-icon{font-size:16px; color: #999999;}
221
.searchbox .searchtxt.mui-icon span{font-size:14px;margin-left:4px;line-height:16px;}
220
.searchbox .searchtxt.mui-icon{font-size:14px; color: #999999;}
221
.searchbox .searchtxt.mui-icon span{font-size:12px;margin-left:4px;line-height:16px;}
222 222
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
223 223
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
224 224
@ -232,7 +232,7 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
232 232
.fieldicon{ overflow: hidden;width:40px; height:40px;margin: auto;}
233 233
.fieldicon img{width: 100%;}
234 234
/*热门专家*/
235
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc*/;}
235
.mui-table-view-cell.prolist:after{/*background:#C0C0C0*//*#c8c7cc;*/}
236 236
.protable:before{ background-color:transparent;}
237 237
#table .mui-table-view-cell:after{right: 0;bottom: 0;left:0;background: none;}
238 238
@ -380,13 +380,13 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
380 380
381 381
/***********************搜索*******************/
382 382
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
383
.searchbox2 .searchselect{width: 24%; position:relative; }
383
.searchbox2 .searchselect{max-width:64px;width:24%; position:relative; }
384 384
.searchbox2 .searchselect em{position: absolute; right:30%; top:-8%; font-size: 13px; line-height:18px;color:#999999; width: 0; height: 0; z-index: 0;}
385
.searchbox2 .searchtxt2{width: 76%;height: 22px; line-height:20px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:13px;}
386
.simuselect{position:relative;z-index: 30;}
387
.ulbox{padding-left: 24%;font-size: 13px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
388
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:26px;right:0px; width:100%;box-shadow: 0px 0px 3px #ccc inset;z-index: 9999;display:none;} 
389
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 16px; margin-top:1px;cursor: pointer;} 
385
.searchbox2 .searchtxt2{width: 76%;height: 22px; margin: 5px 0; border: none; border-radius:0 6px 6px 0; border-left:1px solid #CCCCCC; font-size:12px; line-height:22px;}
386
.simuselect{width: 100%;position:relative;z-index: 30;}
387
.ulbox{padding-left: 24%;font-size: 12px;color:#999999;line-height: 32px;cursor:pointer; position:relative;} 
388
.lishow{ padding:0; margin:0;background:#fff;overflow: hidden; border-radius:0 0 2px 2px;position:absolute; top:24px;right:0px; width:100%;box-shadow: 0px 0px 2px #ccc inset;z-index: 9999;display:none;} 
389
.lishow li{list-style: none; font-size: 13px;line-height:30px; list-style:none; padding:2px 18px; margin-top:1px;cursor: pointer;} 
390 390
.lishow li:hover{ background:#f0f0f0;} 
391 391
392 392
.historybox{ background: #FFFFFF; padding-bottom:20px;}
@ -485,7 +485,7 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
485 485
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
486 486
.coutopicbox .status-3{background:#6bbf00;}/*已完成*/
487 487
488
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
488
.thistime{ position: absolute; right:6px; font-size: 12px; color: #999999;}
489 489
490 490
.mui-table-view-cell>.proinfor>.mui-badge{top: 20px;left:10px; right:auto;}
491 491
/*星级评价*/

+ 7 - 3
app/html/consultlist.html

@ -26,6 +26,9 @@
26 26
     		border-right:1px solid #F0F0F0;
27 27
     		border-bottom:1px solid #F0F0F0;
28 28
    	}
29
    	#sliderSegmentedControl .mui-control-item.filteritem:last-child{
30
    		border-right:none;
31
    	}
29 32
    	#sliderSegmentedControl a.filteritem:active  {
30 33
    		color: #007aff;
31 34
    	}
@ -46,8 +49,9 @@
46 49
    	#sliderSegmentedControl .mui-icon-arrowdown {
47 50
    		margin: 0;
48 51
    		border: none;
49
    		width: 15px;
52
    		width: 12px;
50 53
    		height: 30px;
54
    		margin-left:-3px;
51 55
    		font-size:inherit;
52 56
    		font-family:Muiicons;
53 57
    		line-height: 30px;
@ -180,7 +184,7 @@
180 184
		<div id="slider" class="mui-slider mui-fullscreen">
181 185
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
182 186
				<div class="mui-scroll" style="width: 100%; color: #333;">
183
					<a style="width: 22%;" href="#middlePopover1"  class="mui-control-item filteritem">
187
					<a style="width: 22%;min-width:80px;" href="#middlePopover1"  class="mui-control-item filteritem">
184 188
						<span id="headck1" headck='0'>咨询/需求</span>
185 189
						<em class="mui-icon mui-icon-arrowdown"></em>
186 190
					</a>
@ -192,7 +196,7 @@
192 196
						<span id="headck3" headck='0'>咨询状态</span>
193 197
						<em class="mui-icon mui-icon-arrowdown"></em>
194 198
					</a>
195
					<a style="width: 34%;" href="#middlePopover4"  class="mui-control-item filteritem" >
199
					<a style="min-width: 108px;" href="#middlePopover4"  class="mui-control-item filteritem" >
196 200
						<span id="headck4" headck='1'>按最后回复排序</span>
197 201
						<em class="mui-icon mui-icon-arrowdown"></em>
198 202
					</a>

+ 1 - 1
app/html/search.html

@ -27,7 +27,7 @@
27 27
					</div>
28 28
					<em class="mui-icon mui-icon-arrowdown"></em>
29 29
				</div>
30
				<input type="text" class="mui-input-clear mui-pull-right searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
30
				<input type="text" class="mui-input-clear mui-pull-left searchtxt2" placeholder="搜索专家、设备资源" id="searchval">
31 31
			</div>
32 32
		</header>
33 33
		<div class="filterbox" style=" position: fixed; z-index:1; top:45px; width:100%">

+ 2 - 2
app/js/companyUpdata.js

@ -98,10 +98,10 @@ mui.ready(function() {
98 98
				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
99 99
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
100 100
				if($data[i].images.length) {
101
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
101
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
102 102
				} else {
103 103

104
						string += '<img class="resImg" src="../images/default-resource.jpg">'
104
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
105 105
					}
106 106
					string += '<div class="mui-media-body">'
107 107
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:6px;right:6px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

+ 2 - 2
app/js/companybrowse.js

@ -46,11 +46,11 @@ mui.plusReady(function() {
46 46
				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
47 47
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
48 48
				if($data[i].images.length) {
49
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
49
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
50 50

51 51
				} else {
52 52

53
					string += '<img class="resImg" src="../images/default-resource.jpg">'
53
					string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
54 54
				}
55 55
				string += '</div><div class="mui-media-body">'
56 56
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'

+ 2 - 2
app/js/proinfobrow.js

@ -140,11 +140,11 @@ mui.plusReady(function() {
140 140
				var string = '<li class="mui-table-view-cell mui-media listitem" resouseId=' + $data[i].resourceId + '>'
141 141
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
142 142
				if($data[i].images.length) {
143
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
143
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
144 144
145 145
				} else {
146 146
147
					string += '<img class="resImg" src="../images/default-resource.jpg">'
147
					string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
148 148
				}
149 149
				string += '</div><div class="mui-media-body">'
150 150
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'

+ 2 - 2
app/js/proinforupdate.js

@ -202,10 +202,10 @@ mui.ready(function() {
202 202
				var string = '<li class="mui-table-view-cell mui-media listitem" resouId=' + $data[i].resourceId + '>'
203 203
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
204 204
				if($data[i].images.length) {
205
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
205
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
206 206
				} else {
207 207

208
						string += '<img class="resImg" src="../images/default-resource.jpg">'
208
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
209 209
					}
210 210
					string += '</div><div class="mui-media-body">'
211 211
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:24px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

+ 2 - 0
app/js/searchhome.js

@ -99,6 +99,8 @@ mui.plusReady(function(){
99 99
/*搜专家搜资源的下拉选择框*/
100 100
selectblock.addEventListener('tap', function() {
101 101
	showblock.style.display = 'block';
102
//	console.log(selectblock.style.width);
103
//	console.log(showblock.style.width);
102 104
});
103 105

104 106
mui("#li_show").on('tap', 'li', function() {

+ 2 - 2
app/js/studentUpdata.js

@ -86,10 +86,10 @@ mui.ready(function() {
86 86
				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
87 87
				string += '<a class="proinfor" href="resinforupdate.html"><div class="mui-media-object mui-pull-left ResImgBox">'
88 88
				if($data[i].images.length) {
89
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
89
					string += '<img class="resImg headRadius" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
90 90
				} else {
91 91

92
						string += '<img class="resImg" src="../images/default-resource.jpg">'
92
						string += '<img class="resImg headRadius" src="../images/default-resource.jpg">'
93 93
					}
94 94
					string += '</div><div class="mui-media-body">'
95 95
					string += '<span class="listtit">' + $data[i].resourceName + '<div class="updatebox updatebox2" style="top:6px;right:6px;"><em class="mui-icon mui-icon-compose updatebtn"></em></div></span>'

+ 2 - 2
app/js/studentbrowse.js

@ -46,11 +46,11 @@ mui.plusReady(function() {
46 46
				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
47 47
				string += '<a class="proinfor"><div class="mui-media-object mui-pull-left ResImgBox">'
48 48
				if($data[i].images.length) {
49
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
49
					string += '<img class="resImg headRadius" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
50 50

51 51
				} else {
52 52

53
					string += '<img class="resImg" src="../images/default-resource.jpg">'
53
					string += '<img class="resImg  headRadius" src="../images/default-resource.jpg">'
54 54
				}
55 55
				string += '</div><div class="mui-media-body">'
56 56
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'