Browse Source

资源分享页面专家信息样式块

luyanan 8 years ago
parent
commit
92cd414eba
2 changed files with 20 additions and 9 deletions
  1. 2 0
      css/index.css
  2. 18 9
      shareResinfor.html

+ 2 - 0
css/index.css

@ -440,3 +440,5 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
440 440
.otherRes li a{display: block;}
441 441
.otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
442 442
.otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}
443

444


+ 18 - 9
shareResinfor.html

@ -212,12 +212,23 @@
212 212
			float: left;
213 213
		}
214 214
		.personblock {
215
			/*position: absolute;
216
			right: 1%;*/
217
			max-width: 36%;
215
			position: absolute;
216
			left: 198px;
218 217
			padding: 0 3%;
219 218
			text-align: center;
220 219
		}
220
		.personbox{
221
			margin:auto; 
222
			width:80%;
223
			position:relative;
224
		}
225
		.authicon2{
226
		    width: 48px;
227
		    height: 16px;
228
		}
229
		@media only screen and (min-width: 100px) and (max-width: 360px) {
230
			div[class="personbox"]{width:100%;}
231
		}
221 232
	</style>
222 233
223 234
	<body>
@ -228,12 +239,10 @@
228 239
						<img class="resImg headRadius" src="images/default-resource.jpg" id="ziyuanimg" data-preview-src data-preview-group="1" />
229 240
					</div>
230 241
					<div class="personblock pull-left" id="fess">
231
						<div style="margin:auto; width:80%;position:relative;">
242
						<div class="personbox">
232 243
							<img class="headRadius" style="width: 64px;height:64px;" src="images/default-photo.jpg" id="proimg">
233
							<p class="listtit clearfix" style="width: 106px;margin: auto;"><span class="floatL" id="proname"></span><em class="authicon authicon-cu" style="margin:3px 0 0 0;" id="promodify"></em></p>
244
							<p class="listtit clearfix" style="display: inline-block;margin:0 0 0 10px;"><span class="floatL" id="proname"></span><em class="authicon authicon-cu" style="margin:6px 0 0 -2px;" id="promodify"></em></p>
234 245
						</div>
235
236
						<!--<p class="listtit clearfix"><span class="floatL" id="proname"></span><em class="authicon authicon-cu" style="height: 16px; width:16px;margin:5px 0 0 2px;" id="promodify"></em></p>-->
237 246
						<p class="listtit2"><span id="protitle"></span> <span id="prooffice"></span></p>
238 247
						<p class="listtit3"><span id="proorgName"></span></p>
239 248
						<p class="listtit3"><span id="proadress"></span></p>
@ -298,7 +307,7 @@
298 307
							<div class="infocontit">详细描述</div>
299 308
							<div class="infocon">
300 309
								<p class="listtit3" id="detail">
301
									二维码123456789二维码、语音输入、摇一摇摄像头、文件系统、摇一摇摄像头、文件系统、微信分享……不够?Native.JS
310
									
302 311
								</p>
303 312
							</div>
304 313
						</li>
@ -400,7 +409,7 @@
400 409
								if(mydata['editProfessor']["authType"]) {
401 410
									opromodify.classList.add('authicon')
402 411
									opromodify.classList.add('authicon-cu');
403
									opromodify.style.position = "absolute";
412
									opromodify.style.margin = "3px 0 0 3px";
404 413
								} else {
405 414
									if(mydata['editProfessor']["authStatus"]) {
406 415
										if(mydata['editProfessor']["authentication"] == 1) {