Selaa lähdekoodia

资源图像显示变形问题

luyanan 8 vuotta sitten
vanhempi
commit
72e01f626c

+ 38 - 35
app/css/app.css

@ -1,15 +1,20 @@
1
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
1 2
/*清除mui部分原有样式*/
2 3
.mui-input-group:before{background: none;}
3 4
.mui-input-group:after{background: none;}
4 5
.mui-table-view:before{ background: none;}
5 6
.mui-table-view:after{ background: none;}
6 7
.mui-table-view-cell:after{right: 0;bottom: 0;left: 80px;}
8
.mui-table-view-chevron .mui-table-view-cell{padding-right:30px;}
9
.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){margin-right:-30px}
10
7 11
.setblock .mui-table-view-cell:after{right: 0;bottom: 0;left: 8px;}
8 12
/*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
9 13
.mui-input-group .mui-input-row:last-child:after{ background: none;}
10 14
.mui-input-group .mui-input-row:after{left:10px; background-color: #E6E6E6;}/*登录注册等表单的横线*/
11 15
.mui-poppicker-header .mui-btn.mui-poppicker-btn-ok {border: 1px solid #ff9900;background-color: #ff9900;}
12 16
.mui-poppicker-body .mui-picker{background:#fff;}/*城市选择器*/
17
13 18
/*图片轮播按钮圆点*/
14 19
.mui-slider-indicator .mui-indicator{ background: rgba(130,130,130,.4);-webkit-box-shadow:none;box-shadow: none;}
15 20
.mui-slider-indicator .mui-active.mui-indicator{background: rgba(256, 256, 256, 0.6);}
@ -94,7 +99,7 @@ body{ color: #666666; font-size:14px;line-height:20px;}
94 99
.authword{ padding:2px 6px; margin-left:6px;border-radius:4px; color: #FFFFFF; font-size: 12px;}
95 100
.authed{ background: #FF9900; }
96 101
/*认证中*/
97
.authing{background: #6edb00;}
102
.authing{background: #6bbf00;}
98 103
/*未认证*/
99 104
.unauth{background: #efefef;color: #CCCCCC;}
100 105
@ -110,7 +115,7 @@ em.icon-renzheng{border:1px solid;border-radius:10px;font-size:16px;line-height:
110 115
em.icon-renzheng span{ font-size:12px;margin-right:6px;vertical-align:middle;}
111 116
.authicon-mana{color:#ff9900;}/*认证在企高管*/
112 117
.authicon-staff{color:#007AFF;}/*认证在企职员*/
113
.authicon-stu{color:#6edb00;}/*认证在读学生*/
118
.authicon-stu{color:#6bbf00;}/*认证在读学生*/
114 119
115 120
/*****表单公共样式********/
116 121
/*input输入相关*/
@ -186,6 +191,8 @@ ul.boxnav li span{width:100%; font-size:12px;height:28px; line-height:26px; text
186 191
ul.boxnav li:nth-child(1) span{border:1px solid #ff9900; color: #ff9900;}
187 192
ul.boxnav li:nth-child(2) span{border:1px solid #6699ff; color: #6699ff;}
188 193
ul.boxnav li:nth-child(3) span{border:1px solid #66cc00; color: #66cc00;}
194
ul.boxnav li.liactive{}
195
ul.boxnav li .icon-check {border: 1px solid;border-radius: 50%;font-size: 12px;margin-right: 3%;}
189 196
ul.boxnav li.set:nth-child(1) span{border:1px solid #ff9900; color: #fff; background: #ff9900;}
190 197
ul.boxnav li.set:nth-child(2) span{border:1px solid #6699ff; color: #fff; background: #6699ff;}
191 198
ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; background: #66cc00;}
@ -234,6 +241,12 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
234 241
.mui-table-view-cell>a.proinfor{ white-space:normal; overflow: auto;position: relative; overflow: hidden; }
235 242
/***********************首页*******************/
236 243
244
/*资源图片*/ 
245
.ResImgBox{display: inline-block;text-align: center;max-width:64px;width:64px;height:60px;padding:1px;background:#FAFAFA;border:1px solid #f0f0f0;overflow: hidden;padding:2px; margin: 6px 0;border-radius:4px;}
246
.ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
247
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -4px;}
248
.mui-table-view .mui-media-object.ResImgBox{max-width:64px;height:64px; }
249
.mui-table-view .mui-media-object.ResImgBox:before {margin-left: 0;}
237 250
/***********************专家信息浏览*******************/
238 251
.personinfo .listtit{ font-size: 18px; line-height: 30px; color: #333333;}
239 252
.personinfo .listtit3{font-size: 14px; line-height: 24px; color: #AAAAAA; margin: 0;}
@ -247,22 +260,14 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
247 260
.levelbox{margin: auto; overflow: hidden; }
248 261
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
249 262
.levelbox .icon-favorfill{ color:#F4C600;}
250
/*.levelbox .star{ float: left; width:14px; height: 14px; background: url(../images/staricon.png) center center no-repeat;background-size:100% 100% ;}*/
251 263
/*专家相关信息*/
252 264
.infocontit{font-size:14px; position: relative;}
253 265
.infocon{padding:6px 10px; /*text-align: justify;*/ font-size: 13px; color:#888888;}
254 266
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
255 267
.infosubject li{ list-style: none; padding:4px 10px; padding-right:20px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
256
/*合作资源*/
257
.resinfo li{padding:6px 8px;}
258
.resinfo li .mui-media-body{ border-bottom:1px solid #F0F0F0; padding-bottom:4px; margin-bottom: 6px;}
259
.resinfo li .mui-media-body .resbrief{ max-height: 46px; overflow: hidden;}
260
.resinfo li:last-child .mui-media-body{ border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
261
.resinfo.mui-table-view .mui-table-view-cell:after{right: 0;bottom: 0;left: -10px;background: none;}
262 268
263 269
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
264 270
.listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:26px; float:left;padding-right: 8px; max-width:60%; overflow:hidden;}
265
/*.plusbtn{ float:left;width:22px; height:22px; background:url(../images/zan.png) no-repeat center center; background-size:100% 100% ; margin-left:4px; margin-top:2px;  }*/
266 271
.plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
267 272
.plusbtn.icon-appreciatefill{color:#FF9900;}
268 273
.like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 26px;margin-right: 5px;}
@ -276,30 +281,31 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
276 281
#industry1 li{ padding-left:6px;padding-right:2px; list-style: disc inside; width: 50%; float: left}
277 282
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
278 283
.gotonext2{ width: 110px;}
279
/*.gotonext em{display: block; width: 20px; height: 20px; margin-left:6px ; background:url(../images/goto.png) center center no-repeat; background-size:100% 100% ; }*/
280 284
281 285
.dialogbtn{ overflow: hidden; width:80%; line-height:50px; color: #FF9900;}
282 286
.dialogbtn div{ width: 70px;overflow: hidden;margin: auto;}
283 287
.dialogbtn span{font-size: 14px; padding: 0 3px; font-weight: 600;}
284 288
.dialogbtn em{font-size: 20px;}
285
/*.dialogbtn em{display: block; width: 24px; height: 24px; background: url(../images/dialogue.png) center center no-repeat; background-size:100% 100% ; margin-right:6px;}*/
286
/*.dialogbtn:hover{ background:#FF9900; color: #FFFFFF;}*/
287 289
288 290
.attentbtn{margin: auto; overflow: hidden; width:20%;padding: 12px;text-align: center; border-left:1px solid #F0F0F0;}
289 291
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
290
/*.attentbtn em{display: block; margin: auto; width: 22px; height: 22px; background: url(../images/attenticon.png) center center no-repeat; background-size:100% 100% ;}*/
291
292
/*更多详细信息*/
292 293
.maincon2{padding-right:0;}
293 294
.infocon2{padding:0;}
294 295
.listitembox{ position: static;width: 100%;}
295
.listitembox .listitem{ position: static;padding:10px;padding-right: 0;}
296
.listitembox .listitem{padding: 10px;padding-right: 0;}
297
.listitembox .listitem .mui-media-body{padding:0 40px 4px 6px;}
298
.listitembox .listitem .mui-media-body .resbrief{ width: 90%;}
296 299
.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
297 300
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
298
.listitembox .listitem .mui-media-body{ border-bottom:1px solid #F0F0F0;  padding-right:20px;padding-bottom:10px;}
299
.listitembox .listitem:last-child .mui-media-body{ border-bottom:none;}
300
.listitembox .listitem.mui-table-view-cell:after{background:none;}
301
.listitembox .listitem.mui-table-view-cell:after{right: 0;bottom: 0;left:46px;background:#F0F0F0;}
301 302
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
302
.resinfo .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
303
/*合作资源*/
304
.resinfo li{margin:4px 0;padding:10px;}
305
.resinfo li a.proinfor{/*margin-left:14px;*/}
306
.resinfo li .mui-media-body .resbrief{ max-height: 44px;width: 90%; overflow: hidden;}
307
.resinfo li.mui-table-view-cell>a:not(.mui-btn).mui-active{background:#eee;}
308
.resinfo.listitembox li.mui-table-view-cell:after{left:80px;right:-10px;bottom: 0;background:#F0F0F0;}
303 309
/***********************专家信息浏览*******************/
304 310
305 311
/***********************我的账户*******************/
@ -313,12 +319,11 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
313 319
.headbox2 .editbox{ display: block; width: 24px; height: 24px; }
314 320
.headbox2 .editbox .mui-icon{font-size:24px; color:#999999;}
315 321
.headbox2 .editbox .mui-icon:hover{color:#FF9900;}
316
/*.headbox2 .editbox img{ width: 100%; height: 100%;}*/
317 322
318
.wallteicon{ color:#FAD000;/*background: url(../images/wallter.png) center center no-repeat;background-size:100% 100% ;*/}
319
.addicon{ color:#00AAEF;/*background: url(../images/personadd.png) center center no-repeat;background-size:100% 100% ;*/}
320
.seticon{color:#ACACB4;/*background: url(../images/set.png) center center no-repeat;background-size:100% 100% ;*/}
321
.attenticon{ color:#FF9900;/*background: url(../images/attenticon.png) center center no-repeat;background-size:100% 100% ;*/}
323
.wallteicon{ color:#FAD000;}
324
.addicon{ color:#00AAEF;}
325
.seticon{color:#ACACB4;}
326
.attenticon{ color:#FF9900;}
322 327
.rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
323 328
/*已认证*/
324 329
.verified{ color: #FF9900;}
@ -347,8 +352,8 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
347 352
.generalinfo span{letter-spacing:normal;}
348 353
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
349 354
350
.updatebox{ position: absolute; right:1%; top:0; font-size: 13px; line-height:16px;color: #FF9900;}
351
.updatebox2{right:6%; }
355
.updatebox{ position: absolute; right:1%; top:20px; font-size: 13px; line-height:16px;color: #FF9900;}
356
.updatebox2{right:7%; }
352 357
.updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
353 358
.updatebox .updatebtn{font-size:20px;margin-top:-4px;}
354 359
@ -376,7 +381,6 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
376 381
/***********************搜索*******************/
377 382
.searchbox2{width:85%;background: #FFFFFF; border-radius: 6px; height: 30px;  margin:7px 2%;/*overflow: hidden;*/}
378 383
.searchbox2 .searchselect{width: 24%; position:relative; }
379
/*.searchbox2 .searchselect .mui-select{width:100%; padding:8% 10%; padding-left:18%;margin: auto; background: none;}*/
380 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;}
381 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;}
382 386
.simuselect{position:relative;z-index: 30;}
@ -400,7 +404,6 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
400 404
.hotsearch li{ list-style: none; padding:2px 18px; margin:4px;font-size:14px; border:1px solid #FF9900; color: #FF9900; border-radius: 6px; float: left;}
401 405
.hotsearch li:active{background: #FF9900; border:1px solid #FF9900;color:#FFFFFF;}
402 406
403
/*.hide { display: none; } */
404 407
.backTop{ background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 24px; color: #666666; padding-top: 8px; opacity: 0.8; }
405 408
406 409
.filterbox{ position: fixed; z-index:2; width: 100%;}
@ -441,9 +444,9 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
441 444
.consultaim{ text-align: center; margin: auto;position:relative;width:100%; }
442 445
.consultaim ul{padding: 0; margin: 0;padding: 2% 5%;/* width:70%; position:relative; left:50%;margin-left:-34%;*/ overflow: hidden;}
443 446
.consultaim ul li{ list-style: none;float: left; width:31%; padding:2px 8px;border:#CCCCCC 1px solid;border-radius: 6px; margin:1%; font-size: 12px;line-height: 24px;vertical-align: middle;}
444
.consultaim ul li .icon-check{border:1px solid #6CA8FF;color:#6CA8FF;border-radius: 50%;font-size:12px; margin-right: 2%; }
445
.consultaim ul .liactive{ border:1px solid #6CA8FF;color: #6CA8FF;/*padding-left:28px; position: relative;}*/
446
/*.consultaim ul .liactive em{ /*display:block;position: absolute; left:10px; top:50%;margin-top: -8px; width:16px; height:16px;background: url(../images/selected.png) center center no-repeat; background-size:100% 100% ;*/}*/
447
.consultaim ul li .icon-check{border:1px solid #6CA8FF;color:#6CA8FF;border-radius: 50%;font-size:12px; margin-right: 3%;}
448
.consultaim ul .liactive{ border:1px solid #6CA8FF;color: #6CA8FF;/*padding-left:28px; position: relative;*/}
449
/*.consultaim ul .liactive em{ display:block;position: absolute; left:10px; top:50%;margin-top: -8px; width:16px; height:16px;background: url(../images/selected.png) center center no-repeat; background-size:100% 100% ;}*/
447 450
.divline{border-top:1px solid #F0F0F0; width: 100%; height: 1px;} 
448 451
449 452
.consultinfo{ width: 96%; margin: auto; margin-top:6px;}
@ -469,7 +472,7 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
469 472
.filterblock2 li select{  margin:0 2px;}
470 473
.filterlist2{ padding:0; margin: 0; border:none; border-radius:0;padding:6px;font-size: 13px;}
471 474
472
.coutopicbox{ position: relative;z-index: 1;border-bottom: 1px solid #ccc;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px; padding:10px 10px 8px 10px; overflow: hidden;}
475
.coutopicbox{ position: relative;z-index: 1;border-bottom: 1px solid #EFEFEF;background: #FFFFFF; margin-bottom: 10px; width:110%; margin-left:-16px; padding:10px 10px 8px 10px; overflow: hidden;}
473 476
474 477
.coutopicbox .coutheme{ max-width: 60%;}
475 478
#table {background: #EFEFEF;}
@ -480,7 +483,7 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
480 483
.coutopicbox .aimlabel{background:#6CA8FF;}
481 484
.coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
482 485
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
483
.coutopicbox .status-3{background:#6edb00;}/*已完成*/
486
.coutopicbox .status-3{background:#6bbf00;}/*已完成*/
484 487
485 488
.thistime{ position: absolute; right:2px; font-size: 12px; color: #999999;}
486 489
@ -502,7 +505,7 @@ ul.boxnav li.set:nth-child(3) span{border:1px solid #66cc00; color: #fff; backgr
502 505
503 506
/*********************** 资源信息浏览*******************/
504 507
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
505
.resouimgbox{width: 56%; margin-right:10px;}
508
.resouimgbox{text-align:center;margin:10px;}
506 509
.resouimgbox img{ width: 100%;margin: auto;}
507 510
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
508 511
.personblock p{ margin-bottom: 4px;}

+ 1 - 1
app/html/proinforupdate.html

@ -76,7 +76,7 @@
76 76
				<div class="maincon">
77 77
			       <div class="infocontit">合作资源<a class="addinfobox mui-clearfix" style="right:1% ;"><em class="mui-icon mui-icon-plus addinfobtn mui-pull-left"></em><span class="mui-pull-left">点击添加</span></a></div> 
78 78
			       <div class="infocon">
79
				       <ul class="mui-table-view resinfo" id="resourceList">
79
				       <ul class="mui-table-view listitembox resinfo" id="resourceList">
80 80
				            
81 81
		               </ul>    
82 82
		              

+ 2 - 2
app/html/resinforbrow.html

@ -46,8 +46,8 @@
46 46
    	<div class="mui-content">
47 47
    		<!-- 主界面具体展示内容 -->
48 48
    		<div class="mui-input-group mainbox restopblock">
49
    			<div class="resouimgbox mui-pull-left">
50
					<img class="headRadius" src="../images/default-resource.jpg"/ id="ziyuanimg">
49
    			<div class="ResImgBox resouimgbox mui-pull-left" style="height:180px;width:180px;max-width:180px;padding:2px;background:#FAFAFA;border:1px solid #f0f0f0;">
50
					<img class="resImg headRadius" src="../images/default-resource.jpg"/ id="ziyuanimg">
51 51
				</div>
52 52
				<div class="personblock mui-pull-left" id="fess">
53 53
                    <img class="headimg headRadius" src="" id="proimg">

+ 6 - 4
app/html/resinforupdate.html

@ -33,9 +33,11 @@
33 33
    	<div class="mui-content">
34 34
    		<!-- 主界面具体展示内容 -->
35 35
    		<div class="mui-input-group mainbox restopblock">
36
    			<div class="resouimgbox" style="margin: auto;text-align: center;" >
37
					<img class="headRadius" src="../images/default-resource.jpg" id="userimg" flag="1"/>
38
					<span style="font-size:13px; color:#999999;">点击上传资源图片</span>
36
    			<div class="resouimgbox">
37
    				<div class="ResImgBox headRadius" style="display: block;height:180px;width:180px;max-width:180px;margin: auto;" >
38
						<img class="resImg" src="../images/default-resource.jpg" id="userimg" flag="1"/>
39
					</div>
40
					<span style="font-size:13px;line-height: 34px; color:#999999;">点击上传资源图片</span>
39 41
				</div>
40 42
    		</div>
41 43
    		<div class="mui-input-group mainbox resouinfoword marginbox">
@ -44,7 +46,7 @@
44 46
            			<div class="infocontit">基本信息<a class="updatebox mui-clearfix" id="mess"><em class="mui-icon mui-icon-compose updatebtn mui-pull-left"></em><span class="mui-pull-left">点击修改</span></a></div>
45 47
            		</li>
46 48
					<li>
47
						<div class="infocon">
49
						<div class="infocon" style="width:90%">
48 50
							<p style="color:#666666; font-size:14px;">
49 51
								<span>资源名称:</span>
50 52
								<span class="listtit2"></span>

+ 3 - 3
app/js/companyUpdata.js

@ -96,12 +96,12 @@ mui.ready(function() {
96 96
			var html = [];
97 97
			for(var i = 0; i < n; i++) {
98 98
				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
99
				string += '<a class="proinfor" href="resinforupdate.html">'
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="mui-media-object mui-pull-left resimg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
101
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
102 102
				} else {
103 103

104
						string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
104
						string += '<img class="resImg" 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>'

+ 4 - 4
app/js/companybrowse.js

@ -44,15 +44,15 @@ mui.plusReady(function() {
44 44
			var html = [];
45 45
			for(var i = 0; i < odata.length; i++) {
46 46
				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
47
				string += '<a class="proinfor">'
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="mui-media-object mui-pull-left resimg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
49
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
50 50

51 51
				} else {
52 52

53
					string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
53
					string += '<img class="resImg" src="../images/default-resource.jpg">'
54 54
				}
55
				string += '<div class="mui-media-body">'
55
				string += '</div><div class="mui-media-body">'
56 56
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'
57 57
				string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
58 58
				string += '<p class="listtit3 resbrief">'

+ 5 - 5
app/js/proinfobrow.js

@ -137,16 +137,16 @@ mui.plusReady(function() {
137 137
			var $data = odata;
138 138
			var html = [];
139 139
			for(var i = 0; i < odata.length; i++) {
140
				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
141
				string += '<a class="proinfor">'
140
				var string = '<li class="mui-table-view-cell mui-media listitem" resouseId=' + $data[i].resourceId + '>'
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="mui-media-object mui-pull-left resimg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
143
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
144 144
145 145
				} else {
146 146
147
					string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
147
					string += '<img class="resImg" src="../images/default-resource.jpg">'
148 148
				}
149
				string += '<div class="mui-media-body">'
149
				string += '</div><div class="mui-media-body">'
150 150
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'
151 151
				string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
152 152
				string += '<p class="listtit3 resbrief">'

+ 6 - 6
app/js/proinforupdate.js

@ -199,16 +199,16 @@ mui.ready(function() {
199 199
			var $data = oDa;
200 200
			var html = [];
201 201
			for(var i = 0; i < n; i++) {
202
				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
203
				string += '<a class="proinfor" href="resinforupdate.html">'
202
				var string = '<li class="mui-table-view-cell mui-media listitem" resouId=' + $data[i].resourceId + '>'
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="mui-media-object mui-pull-left resimg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
205
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
206 206
				} else {
207 207

208
						string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
208
						string += '<img class="resImg" src="../images/default-resource.jpg">'
209 209
					}
210
					string += '<div class="mui-media-body">'
211
					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>'
210
					string += '</div><div class="mui-media-body">'
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>'
212 212
					string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
213 213
					string += '<p class="listtit3 resbrief">'
214 214
					if($data[i].descp) {

+ 1 - 1
app/js/searchhome.js

@ -570,7 +570,7 @@ function resourcesEach(datalist) {
570 570
		li.className = 'mui-table-view-cell mui-media';
571 571

572 572
		li.innerHTML = '<a class="proinfor" data-id="'+item.resourceId+'"' +
573
			'<p><img class="mui-media-object mui-pull-left resimg" src="' + img + '"></p>' +
573
			'<p><div class="mui-media-object mui-pull-left ResImgBox"><img class="resImg" src="' + img + '"></div></p>' +
574 574
			'<div class="mui-media-body">' +
575 575
			'<span class="listtit">' + item.resourceName + '</span>' +
576 576
			'<p class="mui-ellipsis listtit2">' + item.supportedServices + '</p>' +

+ 4 - 4
app/js/studentUpdata.js

@ -84,14 +84,14 @@ mui.ready(function() {
84 84
			var html = [];
85 85
			for(var i = 0; i < n; i++) {
86 86
				var string = '<li class="mui-table-view-cell mui-media" resouId=' + $data[i].resourceId + '>'
87
				string += '<a class="proinfor" href="resinforupdate.html">'
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="mui-media-object mui-pull-left resimg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
89
					string += '<img class="resImg" src="'+baseUrl+'/images/resource/' + $data[i].resourceId + '.jpg">'					
90 90
				} else {
91 91

92
						string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
92
						string += '<img class="resImg" src="../images/default-resource.jpg">'
93 93
					}
94
					string += '<div class="mui-media-body">'
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>'
96 96
					string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
97 97
					string += '<p class="listtit3 resbrief">'

+ 4 - 4
app/js/studentbrowse.js

@ -44,15 +44,15 @@ mui.plusReady(function() {
44 44
			var html = [];
45 45
			for(var i = 0; i < odata.length; i++) {
46 46
				var string = '<li class="mui-table-view-cell mui-media" resouseId=' + $data[i].resourceId + '>'
47
				string += '<a class="proinfor">'
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="mui-media-object mui-pull-left resimg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
49
					string += '<img class="resImg" src="' + baseUrl + '/images/resource/' + $data[i].resourceId + '.jpg">'
50 50

51 51
				} else {
52 52

53
					string += '<img class="mui-media-object mui-pull-left resimg" src="../images/default-resource.jpg">'
53
					string += '<img class="resImg" src="../images/default-resource.jpg">'
54 54
				}
55
				string += '<div class="mui-media-body">'
55
				string += '</div><div class="mui-media-body">'
56 56
				string += '<span class="listtit">' + $data[i].resourceName + '</span>'
57 57
				string += '<p class="listtit2">' + $data[i].supportedServices + '</p>'
58 58
				string += '<p class="listtit3 resbrief">'