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

完善搜索和咨询列表样式

luyanan 8 years ago
parent
d333e2c791
commit
7a53fc6f1c
10 changed files with 35 additions and 29 deletions
Split View Show Diff Stats
  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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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>'