Startseite Erkunden Hilfe
Registrieren Anmelden
bulomakaka
/
ekexiu.com.portal
Beobachten 7
Favorit hinzufügen 0
Fork 0
Code Issues 0 Pull-Requests 0 Commits 33 Releases 0 Wiki
Quellcode durchsuchen

统一了头像和机构图的使用默认图片，并且根据父级大小变化

luyanan vor 8 Jahren
Ursprung
12b54f2aa9
Commit
c689085067
7 geänderte Dateien mit 36 neuen und 32 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 16 12
      src/main/webapp/account-set.html
  2. 13 13
      src/main/webapp/css/index.css
  3. 1 1
      src/main/webapp/css/login.css
  4. BIN
      src/main/webapp/images/default-icon.jpg
  5. 2 2
      src/main/webapp/information.html
  6. 0 0
      src/main/webapp/js/jquery.HeadP.js
  7. 4 4
      src/main/webapp/photo-set.html

+ 16 - 12
src/main/webapp/account-set.html
Datei anzeigen 

@ -13,12 +13,13 @@
13 13 
<link type="text/css" href="css/index.css" rel="stylesheet">
14 14 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 15 
<!-- <script type="text/javascript" src="js/form.js"></script> -->
16 
<!-- <script type="text/javascript" src="js/index.js"></script> -->
16 
<script type="text/javascript" src="js/index.js"></script>
17 17 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
18 18 
<script type="text/javascript" src="/js/common.js"></script>
19 19 
<!-- <script type="text/javascript" src="js/account-set.js"></script> -->
20 20 
<script type="text/javascript" >
21 21 
	$(function(){
22 
		loginStatus();
22 23 
		valUser();
23 24 
		$("#hsearch").on("click",function (){
24 25 
	   		var searchContent = $("#hsearchContent").val();

@ -341,17 +342,20 @@
341 342 
		<input type="text" placeholder="搜索专家、研究方向或科研机构" class="search-txt" id="hsearchContent">
342 343 
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
343 344 
	</div>
344 
	<div class="head-portrait">
345 
		<div class="personal-infor">
346 
			<div class="triangleB"></div>
347 
			<div class="personal-box">
348 
				<!-- <a href="index.html"><span class="icon icon1"></span>我的主页</a> -->
349 
				<a href="information.html"><span class="icon icon2"></span>修改资料</a>
350 
				<a href="#"><span class="icon icon3"></span>账户设置</a>
351 
				<a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
352 
			</div>
353 
		</div>
354 
	</div>
345 
	<!--未登录-->
346 
    <a href="login-invite-code.html"><div class="unlogin">特邀专家登录</div></a>
347 
    <!--已登录-->
348 
    <div class="head-portrait">
349 
        <div class="personal-infor">
350 
            <div class="triangleB"></div>
351 
            <div class="personal-box">
352 
                <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
353 
                <a href="information.html"><span class="icon icon2"></span>修改资料</a>
354 
                <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
355 
                <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
356 
            </div>
357 
        </div>
358 
    </div>
355 359 
</div>
356 360 
<div id="container">
357 361 
	<div class="account">

+ 13 - 13
src/main/webapp/css/index.css
Datei anzeigen 

@ -9,13 +9,13 @@ input{ outline:none;}
9 9 
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
10 10 
.searchblock{ width:264px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
11 11 
.search-txt{ width:229px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}
12 
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);}
12 
.search-btn{ width:35px; height:35px; background:#fff; border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
13 13 
.search-icon{ display:block; width:20px; height:20px; background:
14 14 
url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
15 15 
/*未登录*/
16 16 
.unlogin{ width:130px; height:35px; border:1px #fff solid; border-radius:10px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; float:right; margin-right:80px; margin-top:10px; cursor:pointer; }
17 17 
/*已登录*/
18 
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/pic1.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; }
18 
.head-portrait{ display:none; width:50px; height:50px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; float:right; margin-right:80px; margin-top:5px; cursor:pointer; border:1px solid #f8f8f8; }
19 19 
.personal-infor{width:202px; height:179px; position:absolute; top:42px; right:80px; display:none;}
20 20 
.triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
21 21 
.personal-box{ width:202px; /*height:160px;*/ border-radius:10px; background:#f3a36c; clear:both; overflow:hidden;}

@ -112,7 +112,7 @@ h5{font:20px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
112 112 
.about{ width:100%;min-height:100px; border-top:2px #e2e2e2 solid; padding:5px 0;}
113 113 
.about-in{ width:920px; max-height:850px; height:auto; margin:auto; margin-top:10px;}
114 114 
.item{ width:100%;overflow: hidden; border:1px #ffa544 solid;box-shadow:1px 1px 1px #ff8400 inset; border-radius:10px; margin-top:18px; }
115 
/*.photo{ width:132px; height:132px; border-radius:50%; border:2px #fca72d solid; margin:20px; background:url(../images/pic1.jpg) no-repeat center center; float:left;}*/
115
116 116 
.photo1{width:132px;height:132px;border-radius:50%;border:1px #fca72d solid;margin:20px;float:left;background:url(../images/default-photo.jpg)  no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%;}
117 117
118 118 
.synopsis{ float:left; padding:20px 0;color:#000; width:720px;}

@ -147,7 +147,7 @@ h5{font:20px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
147 147 
.account-photo{ width:175px; height:175px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
148 148 
.account-name{ height:50px; padding: 0 40px;}
149 149 
.text-txt{font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#515151; float:left; margin-left:20px; }
150 
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;}
150 
.edit{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat; background-position:right; float:left; margin-top:14px; margin-left:15px;cursor:pointer;}
151 151 
.text a{font:14px/57px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#f5980b; padding-left:5px;}
152 152 
.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}
153 153 
.name-txt{ float:left;font:18px/50px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181;}

@ -174,8 +174,8 @@ input:focus{ border:1px solid #ff8500;}
174 174 
.phone-icon{display:block; width:44px; height:44px; background:url(../images/ep.png) no-repeat; background-position:right; float:left; margin-right:25px; margin-top:10px;}
175 175 
.replace{ width:88px; height:35px; background:#ff8400; border-radius:5px; border:none;font:18px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; margin-left:10px; cursor:pointer;}
176 176 
.replace3,.replace4{ display:none;}
177 
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
178 
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; z-index:999; display:none;}
177 
.cover{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
178 
.cover2{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; z-index:999; display:none;}
179 179 
.floatbox{ /*width:400px;*/ box-shadow:2px 5px 5px #999; border-radius:10px;background:#fff; position:absolute; left:50%;top:50%; margin-left:-210px; margin-top:-193px; overflow:hidden;}
180 180 
.float-title{  height:70px; background:#eee;font:20px/70px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#818181; padding:0 20px;}
181 181 
.times{ display:block; width:30px; height:30px; background:#ff8400; border-radius:3px;font:28px/28px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center; font-weight:bold; float:right; margin-top:20px; cursor:pointer; }

@ -188,7 +188,7 @@ input:focus{ border:1px solid #ff8500;}
188 188 
.activate{ width:140px; height:38px; background:#fff;font:16px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#000; cursor:pointer; border:none; border-radius:5px; margin:auto; margin-top:30px;  }
189 189 
.act{margin-left:40px;}
190 190 
.act-color{background:#ff8400;color:#fff;}
191 
.back-btn:hover{background:#ff8400;color:#fff;}
191 
.back-btn:hover{background:#ff8400;color:#fff;cursor:pointer;}
192 192 
.input-code{ width: 210px;margin-left: 10px;}
193 193 
.infor-code{ width:130px; height:40px; background:#ff8400; border:none; border-radius:5px;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; cursor:pointer; margin-left:5px;}
194 194 


@ -197,7 +197,6 @@ input:focus{ border:1px solid #ff8500;}
197 197 
.information-head{ width:1050px; margin:auto;background:#fff; border:1px #c9c9c9 solid; margin-top:30px; overflow:hidden; padding:20px 50px;}
198 198 
.head-left{ float:left;width:200px; height:200px; border-radius:50%; background:url(../images/default-photo.jpg) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;/* margin-top:40px; margin-left:50px;*/ position:relative;overflow:hidden;}
199 199 
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4); font:16px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#fff; text-align:center;}
200 
/*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
201 200 
.head-center{ float:left; width:500px; min-height:150px; margin-top:20px; margin-left:60px;}
202 201 
.input-txt{ width:175px; height:26px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
203 202 
.infor{clear:both; width:100%; height:26px; margin-bottom:10px; }

@ -208,6 +207,7 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
208 207 
.close{float: left;  width:130px; height:26px; border-radius:5px; background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin-top:15px; margin-left:5px;opacity: 1;  text-shadow:none; }
209 208 
.close:hover{ background:#ff8400; color:#fff; opacity: 1; }
210 209 
.head-right{ float:right; margin-top:30px; /*margin-right:50px;*/position: relative;background:url(../images/default-icon.jpg) no-repeat center center;background-size:100% 100%;-moz-background-size:100% 100%; width:140px; height:140px; overflow:hidden;}
210 
#headImage,#orgImage{ width:100%; height:100%;border:0;}
211 211 
/*专家信息内容*/
212 212 
.information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
213 213 
.content-left{ width:298px;min-height:394px; background:#fff; border:1px #c9c9c9 solid; float:left; overflow:hidden;}

@ -226,13 +226,13 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
226 226 
}
227 227 
.modifybox{ display:none;}
228 228 
.infor-browse{ clear:both; margin-bottom:20px;}
229 
.btn-marL{ margin-left:35px; }
230 
.btn-marB{ margin-bottom:30px;}
231 
.btn{ width:105px; padding:0;}
229 
.btn-marL{ margin-left:35px;cursor:pointer; }
230 
.btn-marB{ margin-bottom:30px;cursor:pointer;}
231 
.btn{ width:105px; padding:0;cursor:pointer;}
232 232 
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}
233 233 
.select-sele{ clear:both; width:100%; height:26px;}
234 234 
.add{ float:left;}
235 
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px; }
235 
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff8400;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";  margin-left:10px;cursor:pointer; }
236 236 
.listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
237 237 
.list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
238 238 
.listbox-browse{ min-height:26px; position:relative;}

@ -241,7 +241,7 @@ select{ width:200px; height:24px; border:none; background:url(../images/downsele
241 241 
.line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
242 242 
.like-num{ float:right;max-width:380px;height:26px; padding:0 20px; overflow:hidden; }
243 243 
.like-people{ width:26px; height:26px; float:right; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
244 
.like-people img{ width:100%;}
244 
.like-people img{ width:100%; height:100%;}
245 245 
.triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-left-color:#f0f1f3; float:right; margin-right:20px;margin-top:6px; cursor: pointer;}
246 246 
.acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
247 247 
.list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}

+ 1 - 1
src/main/webapp/css/login.css
Datei anzeigen 

@ -20,7 +20,7 @@ input:focus{ border:1px solid #ff8500;}
20 20 
.code-pic{ width:140px; height:44px; float:left;border:1px #ddd solid; margin-left:9px; margin-top:26px;border-radius:10px; box-shadow:0px 1px 1px #d6d6d6;}
21 21 
.note{font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500;padding-left:8px; padding-top:26px; float:left;cursor:pointer;}
22 22
23 
.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none;}
23 
.login{clear:both; margin-top:36px; background:#ff8500; color:#fff;font:18px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; box-shadow:none; cursor:pointer;}
24 24 
.forget{ display:block; height:44px;font:14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#ff8500; float:right;cursor:pointer; position:relative;}
25 25 
.forget:hover{ color:#ff8500;}
26 26 
.prompt{ width:140px; height:100px; position:absolute; left:100%; margin-left:-8px; bottom:-30px; z-index:999; display:none;}

BIN
src/main/webapp/images/default-icon.jpg
Datei anzeigen


+ 2 - 2
src/main/webapp/information.html
Datei anzeigen 

@ -209,7 +209,7 @@
209 209 
							$("#titleS").text($info.title);
210 210 
							$("#orgNameS").text($info.orgName);
211 211 
							$("#headImage").attr("src",servPath+"/images/head/"+userid+"_l.jpg");
212 
							// $("#orgImage").attr("src","/images/org/"+$info.orgId+".jpg");
212 
							$("#orgImage").attr("src",servPath+"/images/org/"+$info.orgId+".jpg");
213 213 
							$("#descpS").text($info.descp);
214 214 
							//显示专家信息到保存数据
215 215 
							$("#name").val($info.name);

@ -557,7 +557,7 @@
557 557 
<div id="container">
558 558 
	<div class="content">
559 559 
		<div class="information-head">
560 
			<div class="head-left"><img id="headImage" src=""><a href="photo-set.html" class="replace-photo"></a></div>
560 
			<div class="head-left"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></div>
561 561 
			<div class="head-center">
562 562 
				<div class="infor-browse">
563 563 
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a><a class="edit" ></a>

src/main/webapp/js/jQuery.js → src/main/webapp/js/jquery.HeadP.js
Datei anzeigen


+ 4 - 4
src/main/webapp/photo-set.html
Datei anzeigen 

@ -51,15 +51,15 @@
51 51 
                            <div class="preview-container">
52 52 
                                <p>头像预览</p>
53 53 
                                <div class="pre-1">
54 
                                    <img  src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
54 
                                    <img  src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/>
55 55 
                                </div>
56 56 
                                <p>200px*200px</p>
57 57 
                                <div class="pre-2">
58 
                                    <img src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
58 
                                    <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/>
59 59 
                                </div>
60 60 
                                <p>50px*50px</p>
61 61 
                                <div class="pre-3">
62 
                                    <img src="images/banner01.jpg" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/>
62 
                                    <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/>
63 63 
                                </div>
64 64 
                                <p>26px*26px</p>
65 65 
                            </div>

@ -87,7 +87,7 @@
87 87
88 88 
			 </div>
89 89
90 
<script type="text/javascript" src="js/jQuery.js"> </script>
90 
<script type="text/javascript" src="js/jquery.HeadP.js"> </script>
91 91 
<script type="text/javascript" src="js/jquery.Jcrop.js"> </script>
92 92 
<script type="text/javascript" src="js/basic.js"> </script>
93 93 
	<script src="/js/ajaxfileupload.js"></script>